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

[Bug]: Slider change closes overlay when using inside of tray #4214

Closed
1 task done
raullucero opened this issue Mar 25, 2024 · 1 comment
Closed
1 task done

[Bug]: Slider change closes overlay when using inside of tray #4214

raullucero opened this issue Mar 25, 2024 · 1 comment
Labels
bug Something isn't working triage An issue needing triage

Comments

@raullucero
Copy link

Code of conduct

  • I agree to follow this project's code of conduct.

Impacted component(s)

OverlayTrigger, Tray and Slider

Expected behavior

Overlay won't dissapear after changing the slider inside of the tray

Actual behavior

I trigger an overlay with a slider as content and after updating for the first time the slider, the whole overlay closes.

the weird thing is this only happen when you interact with the slider for the first time, if you interact with other content it won't close

Screenshots

Screen.Recording.2024-03-14.at.3.57.35.PM.1.mov

What browsers are you seeing the problem in?

Chrome

How can we reproduce this issue?

  1. Click in the overlay trigger button
  2. Change slider value
  3. See behavior

Sample code that illustrates the problem

https://codesandbox.io/p/sandbox/vigilant-cherry-4z78zd?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522cltrto4c300063b6mv1rlky59%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cltrto4c300023b6mshtgdd9k%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cltrto4c300033b6mgm7gtvn7%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522cltrto4c300053b6mterlizsi%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cltrto4c300023b6mshtgdd9k%2522%253A%257B%2522id%2522%253A%2522cltrto4c300023b6mshtgdd9k%2522%252C%2522tabs%2522%253A%255B%255D%257D%252C%2522cltrto4c300053b6mterlizsi%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cltrto4c300043b6mecp1yslt%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522cltrto4c300053b6mterlizsi%2522%252C%2522activeTabId%2522%253A%2522cltrto4c300043b6mecp1yslt%2522%257D%252C%2522cltrto4c300033b6mgm7gtvn7%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522cltrto4c300033b6mgm7gtvn7%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

Logs taken while reproducing problem

No response

@raullucero raullucero added bug Something isn't working triage An issue needing triage labels Mar 25, 2024
@Westbrook
Copy link
Collaborator

Duplicate of #4406.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working triage An issue needing triage
Projects
None yet
Development

No branches or pull requests

2 participants