Closed Bug 1708080 Opened 4 years ago Closed 4 years ago

border-radius on input element is not perfectly round

Categories

(Core :: Layout: Form Controls, defect)

Firefox 90
defect

Tracking

()

RESOLVED INVALID
Webcompat Priority ?
Tracking Status
firefox90 --- affected

People

(Reporter: karlcow, Unassigned)

References

()

Details

This was initially reported on webcompat
https://webcompat.com/issues/71154

Visit https://dictionary.cambridge.org and notice the rounded search bar (e.g. "Search English")

Expected Behavior:
The rounded corners should be rendered smoothly, as in Chrome.

Actual Behavior:
In Firefox the rounded corners are not smooth and this seems to only affect any <input> elements.

The issue seems more visible in some platforms than others.

The height of the input depends on the font in use. They're used a 20px radius, so anything taller than 40px is going to cause trouble.

Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.