Use max-height: none

simonw · web-flow · commit fe9aae5c17d1 · 2025-03-16T08:44:04.000-07:00
Thanks https://news.ycombinator.com/item?id=43378225#43379113
diff --git a/side-panel-dialog.html b/side-panel-dialog.html
@@ -60,7 +60,7 @@
     box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
     transform: translateX(100%);
     transition: transform 0.1s cubic-bezier(0.2, 0, 0.38, 0.9);
-    max-height: inherit; /* Default is calc(100% - 2em - 6px) */
+    max-height: none; /* Default is calc(100% - 2em - 6px) */
   }
 
   dialog::backdrop {

Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,7 @@`
`60`	`60`	`box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);`
`61`	`61`	`transform: translateX(100%);`
`62`	`62`	`transition: transform 0.1s cubic-bezier(0.2, 0, 0.38, 0.9);`
`63`		`- max-height: inherit; /* Default is calc(100% - 2em - 6px) */`
	`63`	`+ max-height: none; /* Default is calc(100% - 2em - 6px) */`
`64`	`64`	`}`
`65`	`65`
`66`	`66`	`dialog::backdrop {`