>> 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]> 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].
> 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/CAHbmOLYtC6r-yN4zPM%3DhdewLbV%2Bd_X4CxY1%3D3OZVFjS_7pqxNw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to