react-better-html 1.1.138 → 1.1.140

package/dist/index.mjs

@@ -8667,7 +8667,7 @@ var FoldableComponent = forwardRef18(function Foldable({
   const theme2 = useTheme();
   const bodyRef = useRef9(null);
   const [internalIsOpen, setInternalIsOpen] = useBooleanState(defaultOpen);
-  const [bodyVirtualHeight, setBodyVirtualHeight] = useState12(500);
+  const [bodyVirtualHeight, setBodyVirtualHeight] = useState12();
   const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
   const open = useCallback14(() => {
     if (controlledIsOpen === void 0) setInternalIsOpen.setTrue();
@@ -8683,7 +8683,26 @@ var FoldableComponent = forwardRef18(function Foldable({
   }, [controlledIsOpen, isOpen, onOpenChange]);
   useEffect13(() => {
     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]);
+  useEffect13(() => {
+    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]);
   useImperativeHandle5(
     ref,