fix: restore mouse-wheel scrolling in preview-as-text outputs#8863
fix: restore mouse-wheel scrolling in preview-as-text outputs#8863christian-byrne wants to merge 2 commits intomainfrom
Conversation
Remove `disabled` attribute from read-only preview textareas — disabled elements cannot receive focus, so the focus-gated wheel capture logic (#6597) always forwards wheel events to the canvas instead of allowing scroll. Add `data-capture-wheel` and `tabindex` to WidgetMarkdown display div so rendered markdown content can also capture wheel events when focused. Fixes COM-14812 Amp-Thread-ID: https://ampcode.com/threads/T-019c5a22-0e4c-7217-b022-49f9c86b8790
🎨 Storybook Build Status✅ Build completed successfully! ⏰ Completed at: 02/14/2026, 09:00:21 AM UTC 🔗 Links🎉 Your Storybook is ready for review! |
|
Playwright: ✅ 524 passed, 0 failed · 1 flaky 📊 Browser Reports
|
📝 WalkthroughWalkthroughThree widget components are modified to enhance accessibility and interaction behavior: preview widgets are enabled by removing explicit disable directives, markdown widget rendering gains keyboard focus and wheel event capture capabilities, and textarea widget read-only state decoupling from disabled attributes. Changes
Estimated code review effort🎯 2 (Simple) | ⏱️ ~8 minutes Poem
🚥 Pre-merge checks | ✅ 4✅ Passed checks (4 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing touches
🧪 Generate unit tests (beta)
Comment |
Bundle Size ReportSummary
Category Glance Per-category breakdownApp Entry Points — 21.7 kB (baseline 21.7 kB) • ⚪ 0 BMain entry bundles and manifests
Status: 1 added / 1 removed Graph Workspace — 879 kB (baseline 879 kB) • ⚪ 0 BGraph editor runtime, canvas, workflow orchestration
Status: 1 added / 1 removed Views & Navigation — 68.9 kB (baseline 68.9 kB) • ⚪ 0 BTop-level views, pages, and routed surfaces
Status: 9 added / 9 removed Panels & Settings — 427 kB (baseline 427 kB) • ⚪ 0 BConfiguration panels, inspectors, and settings screens
Status: 10 added / 10 removed User & Accounts — 16.1 kB (baseline 16.1 kB) • ⚪ 0 BAuthentication, profile, and account management bundles
Status: 5 added / 5 removed Editors & Dialogs — 785 B (baseline 785 B) • ⚪ 0 BModals, dialogs, drawers, and in-app editors
Status: 1 added / 1 removed UI Components — 36.6 kB (baseline 36.6 kB) • ⚪ 0 BReusable component library chunks
Status: 5 added / 5 removed Data & Services — 2.15 MB (baseline 2.15 MB) • ⚪ 0 BStores, services, APIs, and repositories
Status: 12 added / 12 removed Utilities & Hooks — 237 kB (baseline 237 kB) • ⚪ 0 BHelpers, composables, and utility bundles
Status: 13 added / 13 removed Vendor & Third-Party — 8.69 MB (baseline 8.69 MB) • ⚪ 0 BExternal libraries and shared vendor chunks
Other — 7.31 MB (baseline 7.31 MB) • 🟢 -92 BBundles that do not match a named category
Status: 53 added / 53 removed |
Summary
Restore mouse-wheel scrolling for read-only preview widgets (PreviewAny plaintext and markdown modes), broken by the focus-gated wheel capture in #6597.
Changes
disabledattribute from read-only textareas (keepreadonly) so they can receive focus and capture wheel events. Adddata-capture-wheelandtabindexto WidgetMarkdown display div.disabledelements cannot receive focus in browsers. The focus-gatedwheelCapturedByFocusedElement()from Forward scroll unless focused #6597 always evaluated to false for disabled textareas, forwarding all wheel events to the canvas.Review Focus
disabledwhile keepingreadonlydoes not allow unintended editingtabindex="0"on the markdown display div does not cause unexpected tab-order issuesFixes COM-14812
┆Issue is synchronized with this Notion page by Unito