search

googlearchive / polymer-tutorial

Deprecated Polymer 0.5 tutorial app
211 stars 125 forks source link

Suddenly started behaving different #15

Closed daadu closed 10 years ago

daadu commented 10 years ago

i am using CodeMirror for an online IDE. thought of making an element out of it. here is the code: image

it was working early but suddenly something bad started happening. when the code-mirror element gets loaded on window, nothing is visible. but when i click on the element, the codemirror editor is seen. image image

First it seem that the shadowroot is not rendered properly. but in InspectElement i could see the dom generated by codemirror script. image

then when i tried to querySelect the code-mirror element from outside (had four of them), the console.log was image

Why is this behaving so differently.

This started behaving different since i added core-animaton-pages with slide-from-right transitions.

arthurevans commented 10 years ago

I don't think this has anything to do with the polymer tutorial app.

Please post general questions on Stack Overflow tagged with "polymer". Include code there or link to a gist of the problematic code -- the code you show here doesn't include the core-animated-pages element you mention, for example.

daadu commented 10 years ago

here is a live link : http://app.polymer-ize.appspot.com/static/front-end/play.html I figured out partially, used domReady instead of ready callback for polymer element. but click the fab, and check Editor 4, it still has that problem.

There is something to do with core-animated-pages

robdodson commented 10 years ago

I would recommend you file a reduced test case against the code-mirror repo https://github.com/PolymerLabs/code-mirror. It seems to be an issue with code-mirror starting off in an initially hidden or offscreen state. If you can narrow it down to just a very simple example that uses core-animated-pages and one or two code-mirror elements it will be easier for the team to debug.

On Fri, Jul 18, 2014 at 1:59 PM, Harsh Bhikadia notifications@github.com wrote:

here is a live link : http://app.polymer-ize.appspot.com/static/front-end/play.html I figured out partially, used domReady instead of ready callback for polymer element. but click the fab, and check Editor 4, it still has that problem.

There is something to do with core-animated-pages

— Reply to this email directly or view it on GitHub https://github.com/Polymer/polymer-tutorial/issues/15#issuecomment-49479094 .