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

VizTooltips: Use global portal #81986

Merged
merged 31 commits into from
Feb 23, 2024
Merged

VizTooltips: Use global portal #81986

merged 31 commits into from
Feb 23, 2024

Conversation

leeoniya
Copy link
Contributor

@leeoniya leeoniya commented Feb 6, 2024

this refactors newVizTooltips to use a global portal for tooltips and annotation editor/infotip. this fixes a number of tricky z-index issues with portalling tooltips into the panels, especially with shared tooltips, but also with the panel resize-handle in each panel appearing on top of the tooltips.

this also removes the condition to use old tooltips for dashboards with shared tooltip mode. the new behavior is to always use Multi/All mode for tooltips in synced panels.

there will be a follow-up PR to revert previous z-index changes we did in dashboards and scenes that were needed for panel-local portalling:

  1. descending z-index:
  1. boostZIndex (LayoutContext):

we could potentially revert #75499, but i think that can stay in place.

@leeoniya leeoniya self-assigned this Feb 6, 2024
@leeoniya leeoniya requested a review from a team as a code owner February 6, 2024 16:08
@leeoniya leeoniya requested review from drew08t and adela-almasan and removed request for a team February 6, 2024 16:08
@grafana-delivery-bot grafana-delivery-bot bot added this to the 10.4.x milestone Feb 6, 2024
@grafana-pr-automation grafana-pr-automation bot added area/frontend area/panel/timeseries The main time series Graph panel labels Feb 6, 2024
@leeoniya leeoniya marked this pull request as draft February 6, 2024 16:16
@leeoniya leeoniya changed the base branch from main to leeoniya/eventbus-tags-filter February 7, 2024 13:29
Base automatically changed from leeoniya/eventbus-tags-filter to main February 8, 2024 22:15
@codeincarnate
Copy link
Collaborator

Getting an error with this enabled in certain conditions in which it appears to be causing some overflow causing the global scrollbar to flicker. See screen recording:

scrollbar.error-2024-02-22_22.34.05.mp4

Copy link
Collaborator

@codeincarnate codeincarnate left a comment

Choose a reason for hiding this comment

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

See comment with video 😖

@leeoniya
Copy link
Contributor Author

leeoniya commented Feb 23, 2024

Getting an error with this enabled in certain conditions

what error are you getting?

the occasional flicker close to bottom and right viewport edges is known, but i want to leave the fix for later as it's not a 1-liner - i think we need to render the tooltip initially with visibility: hidden, then check viewport overlap and re-render again with visibility: visible after adjusting position...or something. not sure exactly yet but dont want to hold up this pr on it.

Copy link
Collaborator

@codeincarnate codeincarnate left a comment

Choose a reason for hiding this comment

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

No worries on the error then, it can be in a follow up PR

@leeoniya leeoniya requested review from a team as code owners February 23, 2024 21:17
@leeoniya leeoniya requested review from joshhunt, Clarity-89 and jackw and removed request for a team February 23, 2024 21:17
Copy link
Contributor

@adela-almasan adela-almasan left a comment

Choose a reason for hiding this comment

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

@leeoniya leeoniya enabled auto-merge (squash) February 23, 2024 22:06
@leeoniya leeoniya merged commit 6e6b9a6 into main Feb 23, 2024
18 checks passed
@leeoniya leeoniya deleted the leeoniya/global-vizTooltips branch February 23, 2024 22:18
yuri-tceretian pushed a commit that referenced this pull request Feb 26, 2024
Co-authored-by: Adela Almasan <adela.almasan@grafana.com>
chalapat pushed a commit to nokia/grafana that referenced this pull request Feb 27, 2024
Co-authored-by: Adela Almasan <adela.almasan@grafana.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

6 participants