@asd20/ui-next 2.12.1 → 2.12.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [2.12.3](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.12.2...ui-next-v2.12.3) (2026-05-27)
+
+
+### Bug Fixes
+
+* fix background display when search flyout is opened ([4483b69](https://github.com/academydistrict20/asd20-ui-next/commit/4483b693a070d0d67c56b9caf1396eb174419777))
+
+## [2.12.2](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.12.1...ui-next-v2.12.2) (2026-05-27)
+
 ## [2.12.1](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.12.0...ui-next-v2.12.1) (2026-05-26)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asd20/ui-next",
-  "version": "2.12.1",
+  "version": "2.12.3",
   "private": false,
   "description": "ASD20 UI component library for Vue 3.",
   "license": "MIT",

package/src/components/molecules/Asd20LanguageTranslation/index.vue

@@ -121,13 +121,29 @@ export default {
     border-bottom-right-radius: 1rem;
   }
   &--no-label {
+    width: 2.75rem;
+    min-width: 2.75rem;
+    max-width: 2.75rem;
+    flex: 0 0 2.75rem;
+    overflow: hidden;
     border-radius: 50%;
     & :deep(.asd20-select-input) {
+      width: 100%;
+      height: 100%;
       padding: 0.375rem;
+      padding-right: 0.375rem;
       .asd20-icon {
         margin-left: 0;
       }
     }
+    & :deep(.asd20-select-input__field-wrapper) {
+      width: 100%;
+      height: 100%;
+      padding: 0;
+    }
+    & :deep(.asd20-select-input__select-wrapper) {
+      flex: 0 0 0;
+    }
     & :deep(.asd20-select-input__overlay-label) {
       display: none;
     }

package/src/components/organisms/Asd20SiteSearch/index.vue

@@ -2067,27 +2067,7 @@ export default {
         return
       }
       if (this.bodyScrollLock) return
-      const docEl = document.documentElement
-      const body = document.body
-      const scrollY =
-        window.pageYOffset || docEl.scrollTop || body.scrollTop || 0
-
-      this.bodyScrollLock = {
-        scrollY,
-        bodyOverflow: body.style.overflow,
-        bodyPosition: body.style.position,
-        bodyTop: body.style.top,
-        bodyWidth: body.style.width,
-        docOverflow: docEl.style.overflow,
-      }
-
-      body.classList.add('asd20-site-search--scroll-locked')
-      docEl.classList.add('asd20-site-search--scroll-locked')
-      body.style.position = 'fixed'
-      body.style.top = `-${scrollY}px`
-      body.style.width = '100%'
-      body.style.overflow = 'hidden'
-      docEl.style.overflow = 'hidden'
+      this.bodyScrollLock = true
     },
 
     unlockBodyScroll() {
@@ -2095,20 +2075,7 @@ export default {
         return
       }
       if (!this.bodyScrollLock) return
-      const { scrollY } = this.bodyScrollLock
-      const docEl = document.documentElement
-      const body = document.body
-
-      body.classList.remove('asd20-site-search--scroll-locked')
-      docEl.classList.remove('asd20-site-search--scroll-locked')
-      body.style.overflow = this.bodyScrollLock.bodyOverflow || ''
-      body.style.position = this.bodyScrollLock.bodyPosition || ''
-      body.style.top = this.bodyScrollLock.bodyTop || ''
-      body.style.width = this.bodyScrollLock.bodyWidth || ''
-      docEl.style.overflow = this.bodyScrollLock.docOverflow || ''
       this.bodyScrollLock = null
-
-      window.scrollTo(0, scrollY || 0)
     },
 
     scrollResultsToTop() {