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.

Sign up for GitHub

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

ShadowDOM polyfill breaks CSS `content: attr(foo)` #345

Closed

jyasskin opened this issue Nov 12, 2013 · 0 comments

jyasskin commented Nov 12, 2013

<!DOCTYPE html>
<html>
<head>
<script src="polymer.min.js"></script>
<polymer-element name="my-elem" noscript>
  <template>
    <style>
      :host::before { content: attr(data-foo); }
    </style>
    <span><content/></span>
  </template>
</polymer-element>
</head>
<body>
<my-elem data-foo="quux">baz</my-elem>
</body>
</html>

displays as quux baz with native ShadowDOM, but the polyfill shows attr(data-foo)baz instead. This appears to happen because it generates

my-elem ::before {
    content: 'attr(data-foo)';
}

when rejiggering the scoped styles.

The text was updated successfully, but these errors were encountered:

sorvell closed this as completed in


      googlearchive/platform-dev@b24f481

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment