Open Bug 1477110 Opened 6 years ago Updated 3 months ago

Select elements seem to get double the text-indent


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




Tracking Status
firefox63 --- affected


(Reporter: twisniewski, Unassigned)



(Whiteboard: [webcompat])


(3 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 #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.

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

Here's a testcase based on the jsfiddle from dupe bug 1743066.

Webcompat Priority: revisit → P3
Severity: normal → S3

This is still a valid issue as testcases still reproduce - however, we don't have any active non-testcase WebCompat breakage caused by this. Unsetting the webcompat-priority flags per our rules.

Webcompat Priority: P3 → ---
Flags: webcompat?
You need to log in before you can comment on or make changes to this bug.