Fix transition-property for dialog

lazaronixon · Jul 4, 2024 · eee4e93 · eee4e93
1 parent 64de803
commit eee4e93
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@
   - Use logical properties instead of physical properties.
   - Add grow-0, shrink, and bg-shade to utility classes.
   - Use `min-inline-size: fit-content;` instead of `white-space: nowrap;` for buttons.
+  - Fix `transition-property` for dialog.
 
 ## [0.0.15] - 2024-07-03
   - `Dialog` was reimplemented to not support popover.

diff --git a/lib/generators/css_zero/add/templates/app/assets/stylesheets/dialog.css b/lib/generators/css_zero/add/templates/app/assets/stylesheets/dialog.css
@@ -7,7 +7,6 @@
   inline-size: var(--size-full);
   margin: auto;
   max-inline-size: var(--width-lg);
-  overflow: hidden;
   padding: var(--size-6);
 
   &::backdrop {
@@ -19,13 +18,13 @@
   transform: var(--scale-95);
   transition-behavior: allow-discrete;
   transition-duration: var(--time-150);
-  transition-property: display overlay opacity transform;
+  transition-property: display, overlay, opacity, transform;
 
   &::backdrop {
     opacity: 0;
     transition-behavior: allow-discrete;
     transition-duration: var(--time-150);
-    transition-property: display overlay opacity;
+    transition-property: display, overlay, opacity;
   }
 
   /* In animation */