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

CSS generated content without space goes missing (Safari) #403

Closed
ebidel opened this issue Jan 23, 2014 · 0 comments
Closed

CSS generated content without space goes missing (Safari) #403

ebidel opened this issue Jan 23, 2014 · 0 comments

Comments

@ebidel
Copy link
Contributor

ebidel commented Jan 23, 2014

Test: http://jsbin.com/arOtOpU/2/edit

Under the SD polyfill, CSS generated content (without whitespace?) gets dropped on the floor in Safari Version 7.0.1 (9537.73.11).

<polymer-element name="ui-icon" noscript>
  <template>
    <style>
      :host {
        display: block;
      }
      #one::before {
        content: "hi there";
      }
      #two::before {
        content: "hithere"; / * doesn't work no space */
      }
      #three::before {
        content: " hi there"; / * works */
      }
      #four::before {
        content: "hithere "; / * works */
      }
    </style>
    <div id="one">1</div>
    <div id="two">2</div>
    <div id="three">3</div>
    <div id="four">4</div>
  </template>
</polymer-element>

The first rule ends up as content: hithere (note the missing quotes) in the inspector:

screen shot 2014-01-23 at 3 04 06 pm

Note: the jsbin works correctly in FF and Chrome under the polyfill. The bin also works outside of the SD (http://jsbin.com/iQopEjeW/1/edit).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant