react-better-html 1.1.138 → 1.1.140

package/dist/index.js

@@ -8743,7 +8743,7 @@ var FoldableComponent = (0, import_react28.forwardRef)(function Foldable({
   const theme2 = useTheme();
   const bodyRef = (0, import_react28.useRef)(null);
   const [internalIsOpen, setInternalIsOpen] = useBooleanState(defaultOpen);
-  const [bodyVirtualHeight, setBodyVirtualHeight] = (0, import_react28.useState)(500);
+  const [bodyVirtualHeight, setBodyVirtualHeight] = (0, import_react28.useState)();
   const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
   const open = (0, import_react28.useCallback)(() => {
     if (controlledIsOpen === void 0) setInternalIsOpen.setTrue();
@@ -8759,7 +8759,26 @@ var FoldableComponent = (0, import_react28.forwardRef)(function Foldable({
   }, [controlledIsOpen, isOpen, onOpenChange]);
   (0, import_react28.useEffect)(() => {
     if (!bodyRef.current) return;
-    setBodyVirtualHeight(Math.min(500, bodyRef.current.scrollHeight * 2));
+    const body = bodyRef.current;
+    setBodyVirtualHeight(body.scrollHeight * 2);
+    const timeout = setTimeout(() => {
+      setBodyVirtualHeight(body.scrollHeight * 2);
+    }, 0.2 * 1e3);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [isOpen]);
+  (0, import_react28.useEffect)(() => {
+    if (!isOpen) return;
+    if (!bodyRef.current) return;
+    const observer = new ResizeObserver(() => {
+      if (!bodyRef.current) return;
+      setBodyVirtualHeight(bodyRef.current.scrollHeight * 2);
+    });
+    observer.observe(bodyRef.current);
+    return () => {
+      observer.disconnect();
+    };
   }, [isOpen]);
   (0, import_react28.useImperativeHandle)(
     ref,