Merge pull request #288 from django-stars/next-generation-upgrade

fix insert option in style-loader
django-stars · Nov 22, 2024 · f5964d6 · f5964d6
2 parents 5b3f934 + d7e2059
commit f5964d6
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/presets/styles.mjs b/presets/styles.mjs
@@ -9,7 +9,7 @@ export default function(config) {
     match(['*node_modules*.css'], [
       css({
         styleLoader: {
-          insertAt: 'top',
+          insert: insertAtTop,
         },
       }),
     ]),
@@ -40,3 +40,18 @@ export default function(config) {
     ]),
   ])
 }
+
+function insertAtTop(element) {
+  const parent = document.querySelector('head')
+  const lastInsertedElement = window._lastElementInsertedByStyleLoader
+
+  if(!lastInsertedElement) {
+    parent.insertBefore(element, parent.firstChild)
+  } else if(lastInsertedElement.nextSibling) {
+    parent.insertBefore(element, lastInsertedElement.nextSibling)
+  } else {
+    parent.appendChild(element)
+  }
+
+  window._lastElementInsertedByStyleLoader = element
+}