Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Styling not working in Firefox for polymer elements that extend elements #19841

Closed
DartBot opened this issue Jul 4, 2014 · 6 comments
Closed

Styling not working in Firefox for polymer elements that extend elements #19841

DartBot opened this issue Jul 4, 2014 · 6 comments

Comments

@DartBot
Copy link

DartBot commented Jul 4, 2014

This issue was originally filed by mateny...@gmail.com

When you create the default polymer sample web application in the Dart Editor, change the clickcounter element to extend the DivElement (in HTML and dart) and change the HTML where it is instantiated to this:

<div is="click-counter"></div>

all the styling is lost in Firefox (30.0).

It works in Chrome.

Using polymer 0.11.0+5
@DartBot
Copy link
Author

DartBot commented Jul 5, 2014

This comment was originally written by @zoechi

I tried it. The issue is caused by Polymer not creating a style tag for a custom element that extends div.

I added this style tag to the &lt;head> element manually and the styling worked again for the &lt;div is='click-counter'> element.

<style shim-shadowdom-css="">style { display: none !important; }
  div[is='click-counter'] div {
    font-size: 24pt; text-align: center; margin-top: 140px;
  }

  div[is='click-counter'] button {
    font-size: 24pt; margin-bottom: 20px;
  }
</style>

This is the style tag as it was created for the unmodified &lt;click-counter> tag when opened in Firefox (I just replaced click-counter with div[is='click-counter']

@DartBot
Copy link
Author

DartBot commented Jul 5, 2014

This comment was originally written by @zoechi

see also http://stackoverflow.com/questions/24580897

@DartBot
Copy link
Author

DartBot commented Jul 5, 2014

This comment was originally written by @zoechi

seems
to be this issue Polymer/polymer#266
and a dupe of https://code.google.com/p/dart/issues/detail?id=18171

@dgrove
Copy link
Contributor

dgrove commented Jul 7, 2014

Added Pkg-Polymer, Triaged labels.

@sigmundch
Copy link
Member

Removed Priority-Unassigned label.
Added Priority-Medium, PolymerMilestone-Next labels.

@DartBot DartBot mentioned this issue Jun 5, 2015
Closed
@DartBot
Copy link
Author

DartBot commented Jun 5, 2015

This issue has been moved to dart-archive/polymer-dart#230.

@DartBot DartBot closed this as completed Jun 5, 2015
@kevmoo kevmoo removed the triaged label Mar 1, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@kevmoo @sigmundch @dgrove @DartBot