@asd20/ui-next 2.35.1 → 2.35.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.35.2](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.35.1...ui-next-v2.35.2) (2026-11-04)
+
+
+### Bug Fixes
+
+* restore previous sidebar scroll behavior for handbook template ([ff72930](https://github.com/academydistrict20/asd20-ui-next/commit/ff729302a2596d87928aee3a419e345d841fa910))
+
 ## [2.35.1](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.35.0...ui-next-v2.35.1) (2026-11-04)
 
 

package/package.json

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

package/src/components/templates/Asd20HandbookTemplate/index.vue

@@ -142,9 +142,7 @@
       </p>
 
       <nav
-        ref="topicIndex"
         class="asd20-template-handbook__index"
-        :class="{ 'asd20-template-handbook__index--sticky': indexFitsViewport }"
         aria-label="Handbook topics"
       >
         <slot name="sidebar-status" />
@@ -325,7 +323,6 @@ export default {
     topicsOpen: false,
     handbookHelpOpen: false,
     fragmentEpoch: 0,
-    indexFitsViewport: false,
   }),
   computed: {
     handbookDocument() {
@@ -361,34 +358,19 @@ export default {
   },
   mounted() {
     this.updatePrintLifecycle()
-    if (typeof window.ResizeObserver === 'function') {
-      this.indexResizeObserver = new window.ResizeObserver(this.updateIndexFit)
-      this.indexResizeObserver.observe(this.$refs.topicIndex)
-      this.updateIndexFit()
-    }
-    window.addEventListener('resize', this.updateIndexFit)
     window.addEventListener('hashchange', this.onFragmentChange)
     window.addEventListener('popstate', this.onFragmentChange)
     this.onFragmentChange()
   },
   beforeUnmount() {
     this.fragmentEpoch++
-    this.indexResizeObserver?.disconnect()
-    window.removeEventListener('resize', this.updateIndexFit)
     window.removeEventListener('hashchange', this.onFragmentChange)
     window.removeEventListener('popstate', this.onFragmentChange)
     this.stopPrintLifecycle?.()
   },
   methods: {
-    updateIndexFit() {
-      const index = this.$refs.topicIndex
-      if (!index || !this.indexResizeObserver) return
-      const view = index.ownerDocument.defaultView
-      const inset = parseFloat(view.getComputedStyle(index).top) || 0
-      this.indexFitsViewport = index.getBoundingClientRect().height <= view.innerHeight - inset * 2
-    },
     closeTopics() {
-      const index = this.$refs.topicIndex
+      const index = this.$el.querySelector('.asd20-template-handbook__index')
       const focusContent = this.topicsOpen && index.contains(index.ownerDocument.activeElement)
       this.topicsOpen = false
       return focusContent
@@ -436,6 +418,7 @@ export default {
       }
       const epoch = ++this.fragmentEpoch
       this.selectedMessageId = entry.key
+      this.expandedTopicId = entry.key
       this.topicsOpen = false
       await this.$nextTick()
       await this.$nextTick()
@@ -496,6 +479,7 @@ export default {
     async selectTopic(messageId) {
       const epoch = ++this.fragmentEpoch
       this.selectedMessageId = messageId
+      this.expandedTopicId = this.subtopicsFor(messageId).length ? messageId : null
       const focusContent = this.closeTopics()
       await this.$nextTick()
       if (epoch !== this.fragmentEpoch) return
@@ -709,12 +693,11 @@ export default {
     }
 
     &__index {
+      position: sticky;
       top: space(2);
       align-self: start;
-    }
-
-    &__index--sticky {
-      position: sticky;
+      max-height: calc(100vh - 4rem);
+      overflow-y: auto;
     }
 
     &__index-heading,