Skip to content

fix: prevent live view scrollbar flicker on mobile viewport#204

Open
ehfeng wants to merge 1 commit intomainfrom
eric/cus-145-live-view-overflow-scrollbar-flicker
Open

fix: prevent live view scrollbar flicker on mobile viewport#204
ehfeng wants to merge 1 commit intomainfrom
eric/cus-145-live-view-overflow-scrollbar-flicker

Conversation

@ehfeng
Copy link
Copy Markdown
Contributor

@ehfeng ehfeng commented Apr 7, 2026

Summary

  • Change overflow-y: auto to overflow: hidden on html/body in the mobile media query to prevent scrollbar flicker in the live view.

Test plan

  • Verify live view on viewport ≤ 1024px no longer shows scrollbar flicker
  • Confirm normal scrolling behavior is unaffected on larger viewports

🤖 Generated with Claude Code


Note

Low Risk
Low risk CSS-only change, but it may prevent expected scrolling on small viewports if any content relies on html/body overflow.

Overview
Prevents mobile (<=1024px) live view scrollbar flicker by changing the responsive html, body overflow behavior from overflow-y: auto to overflow: hidden in app.vue.

Reviewed by Cursor Bugbot for commit 064f4c0. Bugbot is set up for automated code reviews on this repo. Configure here.

Use `overflow: hidden` instead of `overflow-y: auto` to eliminate scrollbar
flicker in the live view on small viewports.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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.

1 participant