design.estate/dees-catalog
3
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(dees-appui-tabs): improve horizontal tabs UX with scroll fades, hover scrollbar, and smooth scroll-to-selected

Browse Source
This commit is contained in:
Jürgen Kunz
2025-12-30 10:27:34 +00:00
parent 34ed47e535
commit af1df1b3d6
3 changed files with 176 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
changelog.md
View File

@@ -1,5 +1,15 @@
# Changelog
## 2025-12-30 - 3.11.0 - feat(dees-appui-tabs)
improve horizontal tabs UX with scroll fades, hover scrollbar, and smooth scroll-to-selected
- Add reactive scroll state (canScrollLeft / canScrollRight) and updateScrollState to track horizontal overflow.
- Introduce scroll-fade gradient elements and CSS to indicate overflow on left/right edges.
- Show a thin, styled scrollbar on hover (webkit + Firefox styling) instead of hiding it completely.
- Auto-scroll selected tab into view using scrollTabIntoView and smooth scroll when selecting a tab.
- Set up a ResizeObserver to recompute scroll state on container size changes and clean it up on disconnect.
- Ensure lifecycle hooks call updateScrollState (firstUpdated/updated) so indicators stay in sync after render/fonts ready.
## 2025-12-29 - 3.10.0 - feat(appui-tabs)
add closeable tabs and auto-hide behavior for content tabs, plus API and events to control them