playbook_ui 13.5.0.pre.alpha.play984collapsiblekithidestooltips1203 → 13.6.0.pre.alpha.tiptapreacthookformbug1210

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: aab7a2026fea0f718678e51045ec994772216ad74e0a9a41e5899de34a405009
-  data.tar.gz: a9c6819da8a20bed50ed2024b4a598514d637b5cc497969b8c2a42552147f794
+  metadata.gz: d8771c78a1ecc2d78dcac4e22ab2ada7e04f99d1e4426d5c824cefb854532cb0
+  data.tar.gz: ae5e324a57a9340ea86ada259e94943a975c16d0c721100b3551a4e30af63e55
 SHA512:
-  metadata.gz: c1d017c3592b3531ea82d819e6e34222f4ebad899cb3c9a3950506a3588f94827d90e18c82405d5eab5ed6a7f12fee4caaadd67fe09ca4622f638c29302ac895
-  data.tar.gz: 8600414aea6c3ebf852b80b1c6566e601bf7dab8abdcc4e9d343a90872190658fc4f88f384925d1112bbe2233a1f8190b76ae22ba224bbe0e4550236efff4a50
+  metadata.gz: b031c275c0b45eac2065985bc48358cb2c9a05337d9cb198698c1af364486bcdbb42c3c8c4e65d5fb4aeef6998481b61d37ea8d17ec0caca1459cbc4c94eb571
+  data.tar.gz: e5e2848b9c33616179dac4582f8a3c5c0fecb04a1fa5c8dbddbaa2e2553fc75248bd1f6730c7ef76d2e66a6b27490753e3035f184464370e273a86173d4f8d0c

data/app/pb_kits/playbook/pb_collapsible/_collapsible.scss

@@ -12,6 +12,7 @@
     overflow: hidden;
     transition: height 300ms, padding 300ms ease-in-out;
   }
+
   .toggle-content.is-visible {
     display: block;
     height: auto;

data/app/pb_kits/playbook/pb_collapsible/_helper_functions.ts

@@ -1,29 +1,25 @@
-export const showElement = (elem:any) => {
-  elem.style.display = 'block';
-  const height = elem.scrollHeight + 'px'; // Get its height
-  elem.style.height = height; // Update the max-height
-  elem.classList.add('is-visible');
-  elem.style.overflow = "hidden"
-  // Once the transition is complete, remove the inline max-height so the content can scale responsively
-  window.setTimeout(() => {
-    elem.style.height = '';
-    elem.style.overflow = "visible"
-  }, 300);
-};
+export const showElement = (elem: any) => {
+    elem.style.display = 'block';
+    const height = elem.scrollHeight + 'px'; // Get its height
+    elem.style.height = height; // Update the max-height
+    elem.classList.add('is-visible')
+    // Once the transition is complete, remove the inline max-height so the content can scale responsively
+    window.setTimeout(() => {
+      elem.style.height = '';
+    }, 300);
+  };
 
-export const hideElement = (elem:any) => {
-  elem.style.height = elem.scrollHeight + 'px';
+  export const hideElement = (elem:any) => {
+    elem.style.height = elem.scrollHeight + 'px';
 
-  window.setTimeout(() => {
-    elem.style.height = '0';
-    elem.style.paddingTop = '0';
-    elem.style.paddingBottom = '0';
-    elem.style.overflow = "hidden"
-  }, 1);
+    window.setTimeout(() => {
+      elem.style.height = '0';
+      elem.style.paddingTop = '0';
+      elem.style.paddingBottom = '0';
+    }, 1);
 
-  // When the transition is complete, hide it
-  window.setTimeout(() => {
-    elem.classList.remove('is-visible');
-    elem.style.overflow = ""
-  }, 300);
-};
+    // When the transition is complete, hide it
+    window.setTimeout(() => {
+      elem.classList.remove('is-visible');
+    }, 300);
+  };

data/app/pb_kits/playbook/pb_collapsible/index.js

@@ -33,12 +33,10 @@ export default class PbCollapsible extends PbEnhancedElement {
     const height = getHeight()
     elem.classList.add('is-visible')
     elem.style.height = height // Update the max-height
-    elem.style.overflow = "hidden"
 
     // Once the transition is complete, remove the inline max-height so the content can scale responsively
     window.setTimeout(() => {
       elem.style.height = ''
-      elem.style.overflow = ""
     }, 300)
   }
 
@@ -50,13 +48,11 @@ export default class PbCollapsible extends PbEnhancedElement {
       elem.style.height = '0'
       elem.style.paddingTop = '0'
       elem.style.paddingBottom = '0'
-      elem.style.overflow = "hidden"
     }, 1)
 
     // When the transition is complete, hide it
     window.setTimeout(() => {
       elem.classList.remove('is-visible')
-      elem.style.overflow = ""
     }, 300)
   }
 

data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx

@@ -31,8 +31,10 @@ const EditorButton = ({
     >
       <button
         className={classname}
-        onClick={onclick}
         disabled={disable}
+        onClick={onclick}
+        role="button"
+        type="button"
       >
         <Flex 
           align="center"

data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/MoreExtensionsDropdown.tsx

@@ -22,6 +22,8 @@ const popoverReference = (
     <button
       className="toolbar_button"
       onClick={handleTogglePopover}
+      role="button"
+      type="button"
     >
     <Flex 
       align="center"