fix: workaround Polymer 3 conversion styles issue (#1551)

vaadin · Jan 25, 2019 · 9d21e22 · 9d21e22
1 parent 37ce8f5
commit 9d21e22
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/src/vaadin-grid-styles.html b/src/vaadin-grid-styles.html
@@ -3,9 +3,15 @@
 Copyright (c) 2017 Vaadin Ltd.
 This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
 -->
+<link rel="import" href="../../polymer/lib/elements/dom-module.html">
+<link rel="import" href="../../polymer/lib/utils/html-tag.html">
 
-<dom-module id="vaadin-grid-styles">
-  <template>
+<script>
+  const VaadinGridStyles = document.createElement('dom-module');
+
+  // NOTE(web-padawan): https://github.com/vaadin/vaadin-grid/issues/1514
+  VaadinGridStyles.appendChild(
+    Polymer.html`
     <style>
       @keyframes vaadin-grid-appear {
         to {
@@ -78,7 +84,7 @@
         text-align: inherit;
       }
 
-      /* Safari doesn't work with `inherit` */
+      /* Safari doesn't work with "inherit" */
       [safari] th {
         text-align: initial;
       }
@@ -319,5 +325,7 @@
         will-change: transform;
       }
     </style>
-  </template>
-</dom-module>
+  `);
+
+  VaadinGridStyles.register('vaadin-grid-styles');
+</script>