Bug 29824 - <video> element is not clipped with -webkit-border-radius
Summary: <video> element is not clipped with -webkit-border-radius
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on: 36642
Blocks:
  Show dependency treegraph
 
Reported: 2009-09-28 13:42 PDT by David Kilzer (:ddkilzer)
Modified: 2017-10-17 10:40 PDT (History)
5 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description David Kilzer (:ddkilzer) 2009-09-28 13:42:03 PDT
* SUMMARY
The <video> element (which is displaying an image) in LayoutTests/fast/replaced/border-radius-clip.html is not clipped by the -webkit-border-radius CSS applied to the element.

* STEPS TO REPRODUCE
1. Launch Safari or a WebKit nightly build.
2. Open:  LayoutTests/fast/replaced/border-radius-clip.html

* RESULTS
The <video> element is not clipped.

* REGRESSION
I assume the layout test was working when it was checked in.

* NOTES
See Bug 21789 for the original fix.
Comment 1 David Kilzer (:ddkilzer) 2009-09-28 13:45:37 PDT
(In reply to comment #0)
> * REGRESSION
> I assume the layout test was working when it was checked in.

Not a regression as the <video> element was never clipped in r41952 either.
Comment 2 Simon Fraser (smfr) 2009-09-28 13:48:03 PDT
Probably regressed when we enabled hardware video.
Comment 3 Simon Fraser (smfr) 2010-03-26 07:37:15 PDT
<rdar://problem/7797572>
Comment 4 Mike Taylor 2017-10-13 13:36:57 PDT
A bug was filed at webcompat.com related to this, but for unprefixed border-radius (which probably doesn't matter in practice): 

https://github.com/webcompat/web-bugs/issues/12357

codepen here:

https://codepen.io/hetgelaat/pen/dVjZWE
Comment 5 Eric Carlson 2017-10-17 10:40:47 PDT
(In reply to Mike Taylor from comment #4)
> A bug was filed at webcompat.com related to this, but for unprefixed
> border-radius (which probably doesn't matter in practice): 
> 
> https://github.com/webcompat/web-bugs/issues/12357
> 
> codepen here:
> 
> https://codepen.io/hetgelaat/pen/dVjZWE

The webcompat.com is about Chrome, which doesn't use WebKit. The codepen works in the current version of Safari, so marking this bug as closed.