Skip to content

fix(ui): keep scroll indicator anchored to visible list bottom (#295)#302

Merged
lshw54 merged 1 commit into
pungin:codefrom
hiimyusheng:worktree-fix+295-scroll-indicator-position
Jun 10, 2026
Merged

fix(ui): keep scroll indicator anchored to visible list bottom (#295)#302
lshw54 merged 1 commit into
pungin:codefrom
hiimyusheng:worktree-fix+295-scroll-indicator-position

Conversation

@hiimyusheng

@hiimyusheng hiimyusheng commented Jun 10, 2026

Copy link
Copy Markdown
Contributor

Summary

  • account-list__scroll-hint(向下箭頭)原本是 account-list__list-bodyoverflow-y: auto 滾動容器)的子元素,導致 position: absolute; bottom: 0 錨定到內容底部而非可視區域底部,捲動時箭頭會跟著移位
  • 修復方式:在 list-body 外層加一個 account-list__list-scroll-wrapperposition: relative),將 scroll-hint 移到 wrapper 內、list-body 的外面作為兄弟元素

Test plan

  • 登入擁有 5 個以上子號的帳號
  • 確認向下箭頭出現在列表底部
  • 捲動帳號列表,確認向下箭頭固定在可視區域底部不移位
  • 捲到底後確認箭頭消失

Closes #295

🤖 Generated with Claude Code

…n#295)

The scroll-hint chevron was a child of the scrollable list-body
container, so position:absolute anchored to the content bottom
rather than the viewport bottom — causing it to shift on scroll.

Fix: wrap list-body in a non-scrolling position:relative sibling
div and move the scroll-hint outside the scroll container.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@hiimyusheng

Copy link
Copy Markdown
Contributor Author
image image

@lshw54 lshw54 assigned lshw54 and unassigned lshw54 Jun 10, 2026
@lshw54 lshw54 merged commit b5b6929 into pungin:code Jun 10, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI BUG]帳號列表的向下箭頭會隨著滾動而移位

2 participants