A lot got changed since I posted the question. The latest error was a Type error "Cannot set title of type undefined". (this.impl.title which I believe is the actual title of the native DOM element) The exception was thrown on the ready event of a polymer element whose name is "node". This node represents any particular node on the graph and it publishes properties x,y and title. When I was trying to create an instance of the node element with
<node x=100 y=100 title="StartNode"></node> the library threw the error. I checked the call stack and it indicated it was something related to publishing the attributes of the node element. So, after changing the the attribute "title" to "nodeTitle" it worked. Voila ! My understanding is, this happened because the system was getting confused the HTML "title" attribute and the "title" attribute that I was publishing as a part of the "node" element declaration. But I did not get why wasn't this problem faced when I called the webpage with shadow=native. Now I can see the webpage without shadow=native On Wednesday, March 12, 2014 12:28:48 PM UTC-4, Scott Miles wrote: > > >> The library is simply trying to create div's and SVG elements under > the graph_canvas div. > > You need to be more specific about the exact bit of code that is throwing > an error. > > The wrapped node is intended to function identically to a native node, so > we can't guess what is wrong, we need to know what function call failed. > > Scott > >> > > On Tue, Mar 11, 2014 at 9:46 AM, <[email protected] <javascript:>> wrote: > >> Is there any other information you would like to know ? >> > >> Amruta >> >> >> On Monday, March 10, 2014 5:42:38 PM UTC-4, Scott Miles wrote: >> >>> >> 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] <javascript:>. >> To view this discussion on the web visit >> https://groups.google.com/d/msgid/polymer-dev/635e1900-6cab-4ea0-8ffe-0bee60793251%40googlegroups.com<https://groups.google.com/d/msgid/polymer-dev/635e1900-6cab-4ea0-8ffe-0bee60793251%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/60c93484-3e65-4e26-a387-7bfee8318820%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
