Bug 251379 – CSS Border-Radius on Container of Video does not properly clip

• Status: REOPENED
• Component: Compositing

[Jemaleddin Cole]

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!)

[Alexey Proskuryakov]

Possibly a dupe of bug 159045, although it's a div not an iframe here.

[Radar WebKit Bug Importer]

<rdar://problem/104834209>

[Karl Dubost]

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?

[Jemaleddin Cole]

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

[Simon Fraser (smfr)]

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.