>> But the library throws an exception since it is expecting a native version of the div and instead gets a wrapped one
This is the key moment. We need to know what the library is trying to do that is not supported by the wrapper. Trying to 'unwrap' the wrapper is absolutely the last resort, and usually causes more trouble that it's worth. I know this from personal experience. =P Scott On Mon, Mar 10, 2014 at 2:35 PM, <[email protected]> wrote: > Hello, > > I am working on a project in which I am supposed to construct a graph with > several nodes and edges using Polymer and Platform. I am using an > underlying library which is developed in-house by my company which is not > based on Polymer. This library contains functions for creating nodes, > initializing graph etc.I have created a custom element called graph. > Following is the declaration of this element: > > <pre> > <polymer-element name="cmp-graph" attributes="canvas" > constructor="CMPGraph"> > > <template> > <div id="graph_win_placeholder"> > <div id="graph_win" class="canvas"> > <div id="graph_canvas" class="graph-area"> > </div> > </div> > </div> > </template> > > </polymer-element> > </pre> > > In Javascript I call a function of the library to initialize the graph. > This function call needs a handle to the canvas div (the div with > id="graph_canvas"). So I pass this.$.graph_canvas as a parameter while > making the function call. But the library throws an exception since it is > expecting a native version of the div and instead gets a wrapped one since > this.$.graph_canvas corresponds to the wrapped version of the div and not > the actual native one. So I tried to unwrap this.$.graph_canvas. Now the > next problem comes into picture when the library is trying to create some > DOM elements using document.createElement .document.createSVGElement etc. > Now these elements that are created by the library are wrapped (since > platform.js and polymer.js are already loaded) and the library again throws > an error. > So inorder to solve this problem, I passed shadow=native as a parameter in > the query string and everything works fine. The library is happy and so is > my code. > > But now the problem is, my application can run only on Chrome and Opera > since other browsers do not have the native support for Shadow DOM. Is > there any other way to solve this problem? > > Any help will be appreciated. > > Thanks. > > Follow Polymer on Google+: plus.google.com/107187849809354688692 > --- > You received this message because you are subscribed to the Google Groups > "Polymer" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/polymer-dev/701bc577-457a-44f9-ba55-e4bb511fb045%40googlegroups.com<https://groups.google.com/d/msgid/polymer-dev/701bc577-457a-44f9-ba55-e4bb511fb045%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAHbmOLbyYyQB7uVMx7_LtaROcBWBT1ww%3Dof-Qr-rH6FSqo3ySg%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
