Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TooltipPlugin2: Raise parent grid item z-index when pinned #76379

Merged
merged 7 commits into from Oct 12, 2023

Conversation

leeoniya
Copy link
Contributor

@leeoniya leeoniya commented Oct 11, 2023

ok, couple things going on here:

  • in a dashboard grid, ensures that panels containing pinned context menus which extend beyond the panel bounds are drawn over adjacent panels even when not hovered. before this PR:

    Peek.2023-10-11.19-16.mp4
  • with this PR we automatically unpin when there is a mousedown or mouseup outside the pinned menu container. it's similar to what ClickOutsideWrapper.tsx does. this prevents a bunch of bug related to positioning and z-index bug when resizing panels with pinned items, or entering panel edit when a pinned menu exists.

  • general refactoring/simplification of TooltipPlugin2 to prepare it for merging in of ZoomPlugin, AnnotationEditorPlugin, and PlotTooltipInterpolator

@leeoniya leeoniya marked this pull request as ready for review October 12, 2023 03:33
@leeoniya leeoniya requested review from a team as code owners October 12, 2023 03:33
@leeoniya leeoniya requested review from Clarity-89, ashharrison90 and nmarrs and removed request for a team October 12, 2023 03:33
@leeoniya leeoniya added no-backport Skip backport of PR no-changelog Skip including change in changelog/release notes labels Oct 12, 2023
@leeoniya leeoniya changed the title TooltipPlugin2: Fixes TooltipPlugin2: Raise parent grid item z-index and unpin on external click Oct 12, 2023
@leeoniya leeoniya changed the title TooltipPlugin2: Raise parent grid item z-index and unpin on external click TooltipPlugin2: Raise parent grid item z-index when pinned Oct 12, 2023
@@ -96,10 +96,12 @@
}

// Hack for preventing panel menu overlapping.
.react-grid-item.context-menu-open,
.react-grid-item.resizing,
Copy link
Contributor Author

@leeoniya leeoniya Oct 12, 2023

Choose a reason for hiding this comment

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

this fixes a prior regression where a panel that's being resized may temporarily go under an adjacent hovered panel when the mouse moves fast.

@leeoniya leeoniya merged commit 94c15e4 into main Oct 12, 2023
20 checks passed
@leeoniya leeoniya deleted the leeoniya/tooltipplugin2-fixes branch October 12, 2023 06:19
@zerok zerok modified the milestones: 10.2.x, 10.2.0 Oct 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/frontend area/tooltip no-backport Skip backport of PR no-changelog Skip including change in changelog/release notes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants