ember-popperjs icon indicating copy to clipboard operation
ember-popperjs copied to clipboard

Doesn't work with overflow:hidden

Open knownasilya opened this issue 2 years ago • 6 comments

The popover doesn't actually render outside of where it's defined. Shouldn't it render in the body to overcome issues with overflow? Seems that's one of the main features of popper. Not sure why it doesn't work in that scenario.

knownasilya avatar May 01 '23 03:05 knownasilya

You must use a portal / in-element on the popover content to get that behavior

NullVoxPopuli avatar May 01 '23 11:05 NullVoxPopuli

Oh weird, popperjs itself advertises that as a feature. Might be worth having an example in the readme

knownasilya avatar May 01 '23 12:05 knownasilya

Where's it say that?

NullVoxPopuli avatar May 01 '23 13:05 NullVoxPopuli

https://github.com/floating-ui/floating-ui/tree/v2.x#why-not-use-pure-css first point here

knownasilya avatar May 01 '23 13:05 knownasilya

unless they're portalling themselves in their examples, you can't escape clipping issues. I would love to be proven wrong here tho

NullVoxPopuli avatar May 02 '23 21:05 NullVoxPopuli

yeah, same...

knownasilya avatar May 02 '23 23:05 knownasilya