Re: [csswg-drafts] [css-positioning] position: popover proposal (#5699)

Ideally, they wouldn't be affected. Opting in to this positioning scheme will effectively "hoist" an element visually for the purpose of breaking it out of overflows and avoiding all transforms/filters. Perhaps it makes sense to think of it as a new stacking context that gets drawn above everything else.

While this mostly makes sense in the context of an element living in a shadow DOM, it's not exclusive to that use case. The same behavior can benefit any sort of utility that needs to hoist elements programmatically for the purpose of breaking out of overflows.

Thinking about this more, an alternative might be a property that allows an element to "escape" any overflow that affects it.

```css
.my-modal-thing {
  escape-overflow: x | y | all | none;
}
```

With this, we could rely on existing positioning schemes and achieve a similar effect. But personally, a positioning scheme feels more appropriate here.

Either way, I wanted to start the discussion and gather some feedback. I'm very open to alternative ideas that solve the same problem. 😄 

-- 
GitHub Notification of comment by claviska
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5699#issuecomment-724289815 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 9 November 2020 21:29:53 UTC