fix(collapsible): resolve an issue that the height was not measured c…

…orrectly
chakra-ui · Apr 18, 2024 · 40f3703 · 40f3703
1 parent ccb1fa5
commit 40f3703
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/sour-stingrays-clean.md b/.changeset/sour-stingrays-clean.md
@@ -0,0 +1,5 @@
+---
+"@zag-js/collapsible": patch
+---
+
+Resolve an issue that sometimes the collapsible height was not measured correctly
diff --git a/.xstate/collapsible.js b/.xstate/collapsible.js
@@ -38,7 +38,7 @@ const fetchMachine = createMachine({
           actions: ["invokeOnOpen"]
         }, {
           target: "open",
-          actions: ["allowAnimation", "invokeOnOpen"]
+          actions: ["allowAnimation", "invokeOnOpen", "computeSize"]
         }]
       }
     },

diff --git a/packages/machines/collapsible/src/collapsible.machine.ts b/packages/machines/collapsible/src/collapsible.machine.ts
@@ -41,7 +41,7 @@ export function machine(userContext: UserDefinedContext) {
               },
               {
                 target: "open",
-                actions: ["allowAnimation", "invokeOnOpen"],
+                actions: ["allowAnimation", "invokeOnOpen", "computeSize"],
               },
             ],
           },