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.

Sign up for GitHub

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

Jump to bottom

Dropdown panel within a Dialog is rendered incorrectly when hoist = true #252

Closed
nadenf opened this issue Oct 18, 2020 · 1 comment
Closed

Dropdown panel within a Dialog is rendered incorrectly when hoist = true #252

nadenf opened this issue Oct 18, 2020 · 1 comment
Assignees
@claviska
Labels
bug Things that aren't working right in the library.

Comments

@nadenf
Copy link

nadenf commented Oct 18, 2020 •
edited
Loading

Describe the bug
Dropdown panel within a Dialog is rendered incorrectly when hoist = true.

To Reproduce
Steps to reproduce the behavior:

  1. Place a Dropdown with hoist = true inside a Dialog.
  2. Click on Dropdown to show panel.

Screenshots
Screen Shot 2020-10-18 at 1 37 09 pm

Desktop (please complete the following information):

  • OS: OSX 10.15.3
  • Browser: Safari 13.0.5 / Chrome 86.0.4240.80
@nadenf nadenf added the bug Things that aren't working right in the library. label Oct 18, 2020
@claviska
Copy link
Member

claviska commented Oct 19, 2020 •
edited
Loading

This is a known issue with Popper's fixed positioning strategy inside a transformed element, as explained in the docs.

Fortunately, using transform: none instead of transform: scale(1) seems to resolve it while still allowing the in/out transitions. Fixed in 4e2ebb7.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@claviska claviska

Labels
bug Things that aren't working right in the library.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@claviska @nadenf