Bug 171117 - Element with "-webkit-appearance: media-controls-dark-bar-background" ignores "border-radius"
Summary: Element with "-webkit-appearance: media-controls-dark-bar-background" ignores...
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2017-04-21 09:58 PDT by Antoine Quint
Modified: 2017-04-21 11:50 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Antoine Quint 2017-04-21 09:58:42 PDT 
The following produces a rectangle with square corners instead of rounded corners:

<div style="-webkit-appearance: media-controls-dark-bar-background; border-radius: 25px; width: 200px; height: 50px; will-change: opacity;"></div>
Comment 1 Radar WebKit Bug Importer 2017-04-21 09:59:05 PDT 
<rdar://problem/31759785>
Comment 2 Antoine Quint 2017-04-21 11:50:44 PDT 
Dave Hyatt explained on IRC that this is correct behaviour since -webkit-apparance ignores anything to do with margins and decoration in general, since the appearance may provide its own custom setting for this.