Make Liveview's root divs transparent for layout purposes. (#6052)

phoenixframework · Jan 26, 2025 · cc39fb5 · cc39fb5
1 parent 300cfb1
commit cc39fb5
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/installer/templates/phx_assets/app.css b/installer/templates/phx_assets/app.css
@@ -2,4 +2,12 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
+/*
+ * Make LiveView wrapper divs transparent for layout.
+ * This makes it possible to use LiveViews as flex children for example.
+ */
+
+
+[data-phx-root-id] { display: contents }
+
 /* This file is for your main application CSS */