playbook_ui 13.5.0.pre.alpha.play984collapsiblekithidestooltips1203 → 13.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: aab7a2026fea0f718678e51045ec994772216ad74e0a9a41e5899de34a405009
-  data.tar.gz: a9c6819da8a20bed50ed2024b4a598514d637b5cc497969b8c2a42552147f794
+  metadata.gz: 7172374694713ed870dd3d7801aba460bca488288c56a3d1894ae76455e22500
+  data.tar.gz: f3fd4ed95bcd7742f66dfeb9831777e9fed9a82fe258001f8b2f5a7dab3da54d
 SHA512:
-  metadata.gz: c1d017c3592b3531ea82d819e6e34222f4ebad899cb3c9a3950506a3588f94827d90e18c82405d5eab5ed6a7f12fee4caaadd67fe09ca4622f638c29302ac895
-  data.tar.gz: 8600414aea6c3ebf852b80b1c6566e601bf7dab8abdcc4e9d343a90872190658fc4f88f384925d1112bbe2233a1f8190b76ae22ba224bbe0e4550236efff4a50
+  metadata.gz: 24f343c6fa7004493b0f18478b3f493f6f6167cfce5a98eacd413d74958dfb204e12e4e53ec809d9e7811d81a611de33fecf95d2c5ae527092e36660beca7178
+  data.tar.gz: 958ecce577a1c495085bdea636e656d67a6e805b45b635070d8d7713b623c9ccc09854662b08c06d2c5c21c5631d2370efc59b6596869f038afa73db32c83fca

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)
   }