Skip to content

Commit 67186d9

Browse files
committed
added heads-up for Polymer/polymer#677
as there was (pedanticly spoken) a noscript attribute missing, I did add the script tag to hint to the workaround to Polymer/polymer#677
1 parent 6de6398 commit 67186d9

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

docs/polymer/styling.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,9 @@ The veiling process can be used to prevent FOUC at times other than page load. T
6565
<link rel="stylesheet" href="my-element.css">
6666
...
6767
</template>
68+
<script>
69+
Polymer('my-element',...);
70+
</script>
6871
</polymer>
6972

7073
{{site.project_title}} will automatically inline the `my-element.css` stylesheet using a `<style>`:
@@ -74,8 +77,13 @@ The veiling process can be used to prevent FOUC at times other than page load. T
7477
<style>.../* Styles from my-element.css */...</style>
7578
...
7679
</template>
80+
<script>
81+
Polymer('my-element',...);
82+
</script>
7783
</polymer>
7884

85+
Be careful to put the stylesheet inside the template and the `<script>` tag below the template.
86+
7987
## Polyfill CSS selectors {#directives}
8088

8189
When running under the Shadow DOM polyfill, {{site.project_title}} provides special `polyfill-*`

0 commit comments

Comments
 (0)