Open Bug 1366229 Opened 7 years ago Updated 2 years ago

Border makes rendering of elements with border-radius not smooth

Categories

(Core :: Web Painting, defect)

53 Branch
defect

Tracking

()

UNCONFIRMED

People

(Reporter: tram.yura, Unassigned)

Details

(Keywords: testcase)

Attachments

(1 file)

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36

Steps to reproduce:

Create element with border-radius value different from 0. Set width and height to the element. Set 1px (or any other value, but 1px makes it more noticeable) border to the element with color same as the backdrop color.
See reproduction at https://jsfiddle.net/mutf4d52/


Actual results:

Border causes some rendering (aliasing) noises appear


Expected results:

Border shouldn't affect rendering of element in any way
Component: Untriaged → Layout
Product: Firefox → Core
Attached file Reporter's testcase
Chrome has similar behavior, although slightly less noticeable.
Severity: normal → minor
Component: Layout → Layout: Web Painting
Keywords: testcase
Severity: minor → S4
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: