Prevent tooltip scroll propagation to parent containers by adding an … #7086
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fix for #7057: Duplicated Scrolling Behavior from a Popover in Table2
Issue Description:
When scrolling over a popover from a Table2 Cell component, the table can scroll as well. This occurs because the scroll event from the popover is propagating to the parent table element.
Reproduction & Verification:
Created two sandboxes to demonstrate both the issue and insight into a solution:
The first sandbox demonstrates the issue without using TruncatedFormat and JSONFormat. The second sandbox demonstrates the issue with TruncatedFormat and JSONFormat.
Adding an onWheel handler using a div tag to the Cell component solves the issue. For both sandboxes, there is an onWheel handler and div tag commented out for each Cell component. By uncommenting the onWheel handler and div tag, the scrolling issue is resolved.
Proposed Solution:
Added an onWheel event handler to the Cell component implementation with a stopPropogation call. This solution worked on my local machine.
Reviewers:
Please check if this change resolves the scrolling issue in your environment.