0.16.1 - Fix modal body height in Safari

thomasgallagher · thomasgallagher · commit 339ccd45f608 · 2026-05-16T14:54:23.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 All notable changes to this project will be documented in this file. This project follows [Semantic Versioning](https://semver.org/).
 
+## [0.16.1] - 2026-05-16
+
+### Fixed
+
+- Modal body height collapsing to zero in Safari when the dialog used `h-fit`
+
 ## [0.16.0] - 2026-05-16
 
 ### Added
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    layered-ui-rails (0.16.0)
+    layered-ui-rails (0.16.1)
       rails (~> 8.0)
       tailwindcss-rails (~> 4.0)
 
diff --git a/app/assets/tailwind/layered/ui/styles.css b/app/assets/tailwind/layered/ui/styles.css
@@ -1832,7 +1832,7 @@ pre.l-ui-surface {
 }
 
 .l-ui-modal__body {
-  @apply flex-1 min-h-0 overflow-y-auto
+  @apply flex-auto min-h-0 overflow-y-auto
          px-5 py-4;
 }
 
diff --git a/lib/layered/ui/version.rb b/lib/layered/ui/version.rb
@@ -1,5 +1,5 @@
 module Layered
   module Ui
-    VERSION = "0.16.0"
+    VERSION = "0.16.1"
   end
 end

Original file line number	Diff line number	Diff line change
`@@ -1832,7 +1832,7 @@ pre.l-ui-surface {`
`1832`	`1832`	`}`
`1833`	`1833`
`1834`	`1834`	`.l-ui-modal__body {`
`1835`		`- @apply flex-1 min-h-0 overflow-y-auto`
	`1835`	`+ @apply flex-auto min-h-0 overflow-y-auto`
`1836`	`1836`	`px-5 py-4;`
`1837`	`1837`	`}`
`1838`	`1838`