Experimenting with using padded span to replace hidden text nodes.

sanketj · Jun 15, 2020 · 8dcfacb · 8dcfacb
1 parent e376842
commit 8dcfacb
Showing 1 changed file with 38 additions and 0 deletions.
diff --git a/padded-spans-for-hidden-text-nodes.html b/padded-spans-for-hidden-text-nodes.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <style>
+        </style>
+    </head>
+    <body>
+        <div>before</div>
+        <div>
+            <div>a</div>
+            <div style="position: absolute;">
+                <div>b</div>
+                <div>c</div>
+            </div>
+            <div>d</div>
+        </div>
+        <div>after</div>
+        <hr/>
+        <div>
+            <span style="font-size: 0; padding: 8px 20px;"></span>
+        </div>
+        <div>
+            <div>
+                <span style="font-size: 0; padding: 8px 4px;"></span>
+            </div>
+            <div style="position: absolute;">
+                <div>b</div>
+                <div>
+                    <span style="font-size: 0; padding: 8px 3px;"></span>
+                </div>
+            </div>
+            <div>d</div>
+        </div>
+        <div>
+            <span style="font-size: 0; padding: 8px 15px;"></span>
+        </div>
+    </body>
+</html>