@castlabs/ui 7.0.3 → 7.0.5

package/dist/castlabs-ui.core.js

@@ -318,11 +318,32 @@ function getColIndex (col) {
  * @param {boolean} smooth. Optional smooth scrolling, default to yes.
  */
 function clScrollToId (id, smooth = true) {
-  if (smooth) {
-    document.getElementById(id)?.scrollIntoView({ behavior: 'smooth' })
-  } else {
-    document.getElementById(id)?.scrollIntoView()
+  const element = document.getElementById(id)
+
+  // open corresponding tab if ID is in there
+  let tab = element?.parentElement
+  while (tab) {
+    // detect tab by our tab class name
+    const clazz = (tab.getAttribute('class') ?? '').match(/cl-tab-[0-9]+/)
+    if (clazz) {
+      // find radio box that belongs to that tab + enable it
+      const radio = document.querySelector(`input.${clazz}`)
+      if (radio) {
+        radio.checked = true
+        break
+      }
+    }
+    tab = tab.parentElement
   }
+
+  // delay click one tick to give page time to update
+  setTimeout(() => {
+    if (smooth) {
+      element?.scrollIntoView({ behavior: 'smooth' })
+    } else {
+      element?.scrollIntoView()
+    }
+  }, 0)
 }
 
 // -----------------------------------------------------------------------------
@@ -1065,6 +1086,10 @@ function clReload (component, forced = [], optional = [], loading = true) {
   }
 }
 
+function clSleep (ms) {
+  return new Promise(resolve => setTimeout(resolve, ms))
+}
+
 // -----------------------------------------------------------------------------
 // --- $ref typescript cast methods --------------------------------------------
 // -----------------------------------------------------------------------------