- From: fantasai via GitHub <sysbot+gh@w3.org>
- Date: Fri, 17 Mar 2023 03:52:22 +0000
- To: public-css-archive@w3.org
fantasai has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-overflow-3] What clips scrollable overflow? ==
See [testcase](https://www.software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cstyle%3E%0A%20%20.scroller%20%7B%20width%3A%2060px%3Bheight%3A%2060px%3B%20overflow%3A%20scroll%3B%20border%3A%20solid%3B%20margin%3A%201em%3B%20float%3A%20left%3B%20%7D%0A%20%20.clipper%20%7B%20width%3A%2010px%3B%20height%3A%2010px%20%7D%0A%20%20.clippee%20%7B%20border%3A%20100px%20orange%20solid%20%7D%0A%3C%2Fstyle%3E%0A%3Cdiv%20class%3D%22scroller%22%3E%0A%20%20%3Cdiv%20class%3D%22clipper%22%20style%3D%22overflow%3A%20clip%3B%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22clippee%22%3E%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%3Cdiv%20class%3D%22scroller%22%3E%0A%20%20%3Cdiv%20class%3D%22clipper%22%20style%3D%22contain%3A%20paint%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22clippee%22%3E%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%3Cdiv%20class%3D%22scroller%22%3E%0A%20%20%3Cdiv%20class%3D%22clipper%22%20style%3D%22clip-path%3A%20inset(0%200%200%200)%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22clippee%22%3E%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%3Cdiv%20class%3D%22scroller%22%20style%3D%22position%3A%20relative%22%3E%0A%20%20%3Cdiv%20class%3D%22clipper%22%20style%3D%22position%3A%20absolute%3B%20width%3A%20auto%3B%20clip%3A%20rect(0%2C10px%2C10px%2C0)%3B%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22clippee%22%3E%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A):
So far the following results:
* `overflow: clip` and `contain: paint` clip scrollable overflow
* `clip-path` does not clip scrollable overflow in FF, WK, or Blink
* Side note: Blink doesn't seem to support the full syntax of `clip-path`, e.g. `border-box` doesn't work >:/
* `clip` does not have interop on this point
Is this the behavior we want?
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8607 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 17 March 2023 03:52:23 UTC