Skip to content

Conversation

@omkarhole
Copy link

Summary

Prevents the split panel resize overlay from blocking the native browser scrollbar.

Details

The horizontal divider includes an invisible overlay that captures pointer events across the full height of the panel, overlapping the scrollbar and preventing manual scrolling. This update disables pointer events on that overlay while keeping resize functionality intact.

Testing

Chrome and Firefox

Closes #26414

Copilot AI review requested due to automatic review settings December 30, 2025 10:57
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR fixes a UX issue where the split panel's horizontal divider overlay was blocking the native browser scrollbar from receiving pointer events, preventing users from manually scrolling. The fix disables pointer events on the overlay element while preserving the resize functionality.

Key Changes

  • Added CSS rule to disable pointer events on the .start element within horizontal split panel dividers

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.

Manual scroll bar difficult or impossible to select due to vue-split-panel resize zone (Chrome and Firefox)

1 participant