Open
Bug 1823646
Opened 2 years ago
Updated 2 years ago
border-radius broken for short element
Categories
(Core :: Layout, defect)
Core
Layout
Tracking
()
NEW
People
(Reporter: Oriol, Unassigned)
Details
Attachments
(1 file)
|
18.17 KB,
image/png
|
Details |
Screenshot
Load this testcase: https://software.hixie.ch/utilities/js/live-dom-viewer/saved/11443
<!DOCTYPE html>
<div style="border: 25px solid; width: 500px; border-radius: 0px 100%"></div>
Expected: 2 smooth curves
Actual: there are some sharp parts protruding.
The current behavior started in bug 809603, but it was similarly wrong beforehand, at least since version 4.
Blink is right.
|
||
Comment 1•2 years ago
|
||
To see what's happening here, it may help to color the parts of the border:
<div style="border: 50px solid; border-color:red magenta green cyan; width: 500px; border-radius: 0px 100%"></div>
Interestingly, Blink seems to have recently addressed some issues here -- with current Chrome release, this multi-colored version paints weirdly, but in Canary it's fixed.
Severity: -- → S3
|
Reporter | |
Comment 2•2 years ago
|
||
Blink fixed that in https://crrev.com/1103620. Also works well in WebKit.
You need to log in
before you can comment on or make changes to this bug.
Description
•