| Summary: | CSS Border-Radius on Container of Video does not properly clip | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Jemaleddin Cole <jemal> | ||||||
| Component: | Compositing | Assignee: | Nobody <webkit-unassigned> | ||||||
| Status: | REOPENED --- | ||||||||
| Severity: | Normal | CC: | jer.noble, karlcow, simon.fraser, webkit-bug-importer | ||||||
| Priority: | P2 | Keywords: | InRadar | ||||||
| Version: | Safari Technology Preview | ||||||||
| Hardware: | All | ||||||||
| OS: | All | ||||||||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=159045 | ||||||||
| Attachments: |
|
||||||||
Possibly a dupe of bug 159045, although it's a div not an iframe here. Created attachment 464776 [details]
safari, firefox, chrome
Note that it doesn't clip the video in any browsers.
So Probably expected behavior.
And this bug is WORKSFORME or INVALID?
My test may have been deficient - apologies. Please try this more complicated version which does render differently in Safari than Firefox or Chrome: https://codepen.io/nhall/pen/qByMjQy There have been some fixes for border-radius clipping recently. Please test in Safari Tech Preview, where your test renders correctly for me in 162. |
Created attachment 464757 [details] A file with two video tags, one that properly uses border radius and one that does not Wrapping a video tag in a container and applying a border-radius to it does not clip the video, but applying the same class directly to the video works. The video in the attached file does not work, but still demonstrates the problem. I tested in recent production Mobile and Desktop Safari for Ventura 13.2 and iOS 16.2, as well as Safari Tech Preview on desktop. (Tried to get the most recent desktop Safari build to work, but after fighting sandboxing for 10 minutes I gave up. Apologies!)