Popper fallback leads to worse layouting
See original GitHub issueCommit f132400865217ccc83dd31bb53bb8f584a1a6f2f introduced a regression (or at least I would classify it as such).
Dropdowns close to the right screen edge overflow instead of being show the the left.
I simply used a textarea
and the example code from the docs with an inline utility class.
This allows me to simple move the button to the right edge.
The following screenshots show the behaviour (with the black area being the devtools).
Dropdown not shown
Dropdown behaviour after the commit.
Dropdown behaviour before the commit.
- Operating system and version: Linux - Ubuntu 20.10
- Browser and version: Chrome 87
I am unable to give an example to reproduce as the changed code is not yet in a release (and I currently do not have the time to compile and self-host).
Issue Analytics
- State:
- Created 3 years ago
- Comments:9 (5 by maintainers)
Top Results From Across the Web
Flip | Popper
fallbackPlacements. If the popper has placement set to bottom , but there isn't enough space to position the popper in that direction, by...
Read more >"Popper lung" long post - Poppers Guide.com
I panicked a little at first but focused on slowly breathing with deep breaths. This seemed to help and I was able to...
Read more >Popper, Hayek, and Classical Liberalism
Bryan Magee, at one time a member of the British Labour Party, has argued that “the young Popper worked out what the Philosophical...
Read more >Psychoanalyzing historicists?: The enigmatic popper - Gale
In fact, in Popper, the problem became far worse as he was not applying psychoanalysis by design. However, as it has been repeatedly...
Read more >Unable to fix popper placement in autocomplete
I fixed the issue by creating custom popper component with a flip modifier with the fallbackPlacements option set to an empty array and ......
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Oh, indeed. Can you make a PR referencing the PR that changed it and adapting the docs later please?
Fixed in #32843 and #32986
https://jsbin.com/goparegilu/edit?html,output