Re: [csswg-drafts] [css-overflow-3] how do overflow: clip/hidden combinations interact with rounded borders? (#7434) from Oriol Brufau via GitHub on 2022-07-04 (public-css-archive@w3.org from July 2022)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Mon, 04 Jul 2022 12:20:21 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-1173754957-1656937219-sysbot+gh@w3.org>

This is what browsers do https://software.hixie.ch/utilities/js/live-dom-viewer/saved/10438

- Firefox: the overflowing content gets clipped to its own rounded curve.
![](https://user-images.githubusercontent.com/7477678/177150950-6fa6f513-9911-4ecd-83d9-f98171ce5454.png)

- Chromium: `overflow: visible clip` behaves as `clip` if the radius is greater than 0px (so not continuous!)
![](https://user-images.githubusercontent.com/7477678/177151424-6afdf112-c536-4de0-a142-7e73c53bb5aa.png)

- WebKit: bug? The content is not painted at all
![](https://user-images.githubusercontent.com/7477678/177151475-2709df9a-0362-40ca-8aed-cb670db8555c.png)
 

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


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

Received on Monday, 4 July 2022 12:20:24 UTC