@asd20/ui-next 2.35.0 → 2.35.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # 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)
+
+
+### Bug Fixes
+
+* correct handbook story layout and add AEES attendance sample ([b1d06e8](https://github.com/academydistrict20/asd20-ui-next/commit/b1d06e894345071d3535d88a95f99eaf36dccc9a))
+* stabilize handbook navigation and remove footer ([5db1c4c](https://github.com/academydistrict20/asd20-ui-next/commit/5db1c4c11f3476081f5ea1f18cb7e02ca3a732b2))
+
 # [2.35.0](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.34.6...ui-next-v2.35.0) (2026-11-03)
 
 

package/package.json

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

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

@@ -133,6 +133,14 @@
       class="asd20-template-handbook__layout"
       tabindex="-1"
     >
+      <p
+        v-if="publicationDiagnostics.length"
+        class="asd20-template-handbook__publication-review"
+        role="status"
+      >
+        This handbook has content that needs publication review before PDF export.
+      </p>
+
       <nav
         class="asd20-template-handbook__index"
         aria-label="Handbook topics"
@@ -206,14 +214,6 @@
         </ol>
       </nav>
 
-      <p
-        v-if="publicationDiagnostics.length"
-        class="asd20-template-handbook__publication-review"
-        role="status"
-      >
-        This handbook has content that needs publication review before PDF export.
-      </p>
-
       <asd20-print-contents
         v-if="documentPrint"
         :headings="printHeadings"
@@ -267,15 +267,6 @@
         No handbook topics are available yet.
       </p>
     </main>
-
-    <asd20-quicklinks-menu :quick-links="quickLinks" />
-    <asd20-page-footer
-      :organization="organization"
-      :social-links="socialLinks"
-      :disclosure-links="disclosureLinks"
-      :website-logo-props="websiteLogoProps"
-      :website-logo-props2="websiteLogoProps2"
-    />
   </div>
 </template>
 
@@ -289,8 +280,6 @@ import Asd20Viewport from '../../atoms/Asd20Viewport'
 import Asd20PageHeader from '../../../components/organisms/Asd20PageHeader'
 import Asd20SiteNavigation from '../../../components/organisms/Asd20SiteNavigation'
 import Asd20NotificationGroup from '../../../components/organisms/Asd20NotificationGroup'
-import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMenu'
-import Asd20PageFooter from '../../../components/organisms/Asd20PageFooter'
 import Asd20PrintHeader from '../../molecules/Asd20PrintHeader'
 import Asd20PrintContents from '../../molecules/Asd20PrintContents'
 import { buildHandbookDocument } from '../../../helpers/handbookDocument'
@@ -311,8 +300,6 @@ export default {
     Asd20PageHeader,
     Asd20SiteNavigation,
     Asd20NotificationGroup,
-    Asd20QuicklinksMenu,
-    Asd20PageFooter,
     Asd20PrintHeader,
     Asd20PrintContents,
   },
@@ -382,6 +369,27 @@ export default {
     this.stopPrintLifecycle?.()
   },
   methods: {
+    closeTopics() {
+      const index = this.$el.querySelector('.asd20-template-handbook__index')
+      const focusContent = this.topicsOpen && index.contains(index.ownerDocument.activeElement)
+      this.topicsOpen = false
+      return focusContent
+    },
+    scrollToReadingTarget(target, { focus = false } = {}) {
+      if (!target) return
+      const view = target.ownerDocument.defaultView
+      const inset = parseFloat(view.getComputedStyle(target).scrollMarginTop) || 0
+      // Only move this document's page, keeping any surrounding preview or
+      // application scroll containers in place.
+      view.scrollTo({
+        top: Math.max(0, view.scrollY + target.getBoundingClientRect().top - inset),
+        behavior: 'instant',
+      })
+      if (focus) {
+        if (!target.hasAttribute('tabindex')) target.setAttribute('tabindex', '-1')
+        target.focus({ preventScroll: true })
+      }
+    },
     updatePrintLifecycle() {
       this.stopPrintLifecycle?.()
       this.stopPrintLifecycle = this.documentPrint ? installDocumentPrintLifecycle(this.$el) : null
@@ -429,10 +437,8 @@ export default {
         await this.$nextTick()
         if (epoch !== this.fragmentEpoch) return false
       }
-      target.scrollIntoView({ block: 'start' })
       // A followed content link moves keyboard focus to its destination.
-      if (!target.hasAttribute('tabindex')) target.setAttribute('tabindex', '-1')
-      target.focus({ preventScroll: true })
+      this.scrollToReadingTarget(target, { focus: true })
       return true
     },
     onHandbookLinkClick(event) {
@@ -471,19 +477,21 @@ export default {
       this.expandedTopicId = this.expandedTopicId === messageId ? null : messageId
     },
     async selectTopic(messageId) {
-      this.fragmentEpoch++
+      const epoch = ++this.fragmentEpoch
       this.selectedMessageId = messageId
       this.expandedTopicId = this.subtopicsFor(messageId).length ? messageId : null
-      this.topicsOpen = false
+      const focusContent = this.closeTopics()
       await this.$nextTick()
-      this.topicArticle(messageId)?.scrollIntoView({ block: 'start' })
+      if (epoch !== this.fragmentEpoch) return
+      this.scrollToReadingTarget(this.topicArticle(messageId), { focus: focusContent })
     },
     async selectSubtopic(messageId, headingId) {
-      this.fragmentEpoch++
+      const epoch = ++this.fragmentEpoch
       this.selectedMessageId = messageId
       this.expandedTopicId = messageId
-      this.topicsOpen = false
+      const focusContent = this.closeTopics()
       await this.$nextTick()
+      if (epoch !== this.fragmentEpoch) return
       const article = this.topicArticle(messageId)
       const heading = Array.from(article?.querySelectorAll('[id]') || [])
         .find(element => element.id === headingId)
@@ -492,8 +500,9 @@ export default {
       if (toggle) {
         toggle.click()
         await this.$nextTick()
+        if (epoch !== this.fragmentEpoch) return
       }
-      heading?.scrollIntoView({ block: 'start' })
+      this.scrollToReadingTarget(heading, { focus: focusContent })
     },
   },
 }
@@ -540,6 +549,10 @@ export default {
     box-shadow: none !important;
   }
 
+  &__publication-review {
+    grid-column: 1 / -1;
+  }
+
   &__summary {
     @include asd20-font(0.75, var(--website-typography__font-family-body), 1.5);
     margin-bottom: space(0.5);
@@ -656,10 +669,13 @@ export default {
 
   &__topic {
     min-width: 0;
+    // Keep a full reading view available, even for a short topic.
+    min-height: calc(100vh - #{space(2)});
+    min-height: calc(100svh - #{space(2)});
     scroll-margin-top: space(2);
   }
 
-  &__topic .asd20-rich-body-content h3 {
+  &__topic [id] {
     scroll-margin-top: space(2);
   }
 
@@ -731,6 +747,7 @@ export default {
     }
 
     &__topic {
+      min-height: 0;
       break-inside: avoid-page;
     }
   }