Merge pull request #542 from bcardiff/dark-reader

Wrap style node to deal with DarkReader
rtfeldman · Oct 15, 2021 · ebb7a25 · ebb7a25
2 parents c60f12b + 79eb0fa
commit ebb7a25
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/Css/Global.elm b/src/Css/Global.elm
@@ -104,6 +104,9 @@ global snippets =
         |> VirtualDom.text
         |> List.singleton
         |> VirtualDom.node "style" []
+        -- wrap the style node in a div to prevent `Dark Reader` from blowin up the dom.
+        |> List.singleton
+        |> VirtualDom.node "span" []
         |> VirtualDom.Styled.unstyledNode
 
 

diff --git a/src/VirtualDom/Styled.elm b/src/VirtualDom/Styled.elm
@@ -437,11 +437,15 @@ toKeyedStyleNode allStyles keyedChildNodes =
 
 toStyleNode : Dict Classname (List Style) -> VirtualDom.Node msg
 toStyleNode styles =
-    -- this <style> node will be the first child of the requested one
-    toDeclaration styles
-        |> VirtualDom.text
-        |> List.singleton
-        |> VirtualDom.node "style" []
+    -- wrap the style node in a div to prevent `Dark Reader` from blowin up the dom.
+    VirtualDom.node "span"
+        []
+        [ -- this <style> node will be the first child of the requested one
+          toDeclaration styles
+            |> VirtualDom.text
+            |> List.singleton
+            |> VirtualDom.node "style" []
+        ]