itube-specs 0.0.616 → 0.0.617

package/components/page-components/s-expand-row.vue

@@ -98,7 +98,7 @@ function onMoreClick() {
 }
 
 onMounted(() => {
-  checkIsElementOverflow();
+  requestAnimationFrame(() => checkIsElementOverflow());
 });
 
 let checkTimer: ReturnType<typeof setTimeout> | null = null;

package/components/ui/s-dropdown.vue

@@ -77,20 +77,23 @@ onClickOutside(dropdownRef, () => {
 const { scrollLock, scrollUnlock } = useGlobalScrollLock();
 
 const breakpoints = useAppConfig().cssBreakpoints as Record<CssBreakpoints, number>;
+const isMobile = isMobileWidth(breakpoints);
 
 function checkPosition() {
-  if (!dropdownRef.value || !menuRef.value || isMobileWidth(breakpoints).value) return
-  const triggerRect = dropdownRef.value.getBoundingClientRect()
-  const menuHeight = menuRef.value.scrollHeight
-  const spaceBelow = window.innerHeight - triggerRect.bottom
-  autoTop.value = menuHeight > spaceBelow
+  if (!dropdownRef.value || !menuRef.value || isMobile.value) return
+  requestAnimationFrame(() => {
+    const triggerRect = dropdownRef.value.getBoundingClientRect()
+    const menuHeight = menuRef.value.scrollHeight
+    const spaceBelow = window.innerHeight - triggerRect.bottom
+    autoTop.value = menuHeight > spaceBelow
+  })
 }
 
 function openDropdown() {
   open.value = !open.value
   if (open.value) nextTick(() => checkPosition())
 
-  if (isMobileWidth(breakpoints).value) {
+  if (isMobile.value) {
     nextTick(() => {
       if (menuRef.value?.showModal) {
         menuRef.value.showModal();
@@ -103,7 +106,7 @@ function openDropdown() {
 function close() {
   open.value = false;
 
-  if (isMobileWidth(breakpoints).value) {
+  if (isMobile.value) {
     scrollUnlock()
     nextTick(() => {
       menuRef.value?.close?.()
@@ -114,7 +117,7 @@ function close() {
 let hoverTimeout: ReturnType<typeof setTimeout> | null = null
 
 function mouseHandler(event: boolean) {
-  if (!isMobileWidth(breakpoints).value && props.openByHover) {
+  if (!isMobile.value && props.openByHover) {
     if (hoverTimeout) clearTimeout(hoverTimeout)
 
     if (event) {

package/composables/use-global-scroll-lock.ts

@@ -4,14 +4,18 @@ export function useGlobalScrollLock() {
   const lockCount = useState('global-scroll-lock-count', () => 0);
   let isLockedRef: ReturnType<typeof useScrollLock> | null = null;
 
-  if (import.meta.client) {
-    isLockedRef = useScrollLock(document.body);
+  function getLockedRef() {
+    if (!isLockedRef && import.meta.client) {
+      isLockedRef = useScrollLock(document.body);
+    }
+    return isLockedRef;
   }
 
   function scrollLock() {
     lockCount.value++;
-    if (lockCount.value === 1 && isLockedRef) {
-      isLockedRef.value = true;
+    const ref = getLockedRef();
+    if (lockCount.value === 1 && ref) {
+      ref.value = true;
     }
   }
 
@@ -19,8 +23,9 @@ export function useGlobalScrollLock() {
     lockCount.value--;
     if (lockCount.value <= 0) {
       lockCount.value = 0;
-      if (isLockedRef) {
-        isLockedRef.value = false;
+      const ref = getLockedRef();
+      if (ref) {
+        ref.value = false;
       }
     }
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.616",
+  "version": "0.0.617",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {