Open Bug 1477110 Opened 3 years ago Updated 2 months ago

Select elements seem to get double the text-indent when a percentage is specified.

Categories

(Core :: Layout: Form Controls, defect, P3)

defect

Tracking

()

Webcompat Priority revisit
Tracking Status
firefox63 --- affected

People

(Reporter: twisniewski, Unassigned)

References

Details

(Whiteboard: [webcompat])

Attachments

(2 files)

Attached file test.html
Select elements given a percentage text-indent seem to use twice the percentage specified (or at least this appears so in the attached test-case).

Chrome would seem to be using the expected amount.

This appears to be causing the interop issue in webcompat.com #8842.

I'm not certain if this is related at all to bug 1476051, but it happens regardless of whether -moz-appearance is used.
Flags: webcompat?
Odd! There are several helper-boxes involved in select elements -- I would bet we're applying the text-indent at two different levels (to two different nested helper-boxes), or something like that.
Priority: -- → P3

Migrating Webcompat whiteboard priorities to project flags. See bug 1547409.

Webcompat Priority: --- → ?

See bug 1547409. Migrating whiteboard priority tags to program flags.

Webcompat Priority: ? → revisit

This also occurs for px text-indent values, in the latest Firefox (82.0.2 (64-bit)) and on macOS 10.15.7.

Attached is an updated test which shows both cases. The first select box should have its value printed in the middle of the third marker, while the second select box should have its value aligned with its second marker.

You need to log in before you can comment on or make changes to this bug.