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.
For more options, visit https://groups.google.com/d/optout.
