1477110 - Select elements seem to get double the text-indent

Status: NEW

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

Description

[Thomas Wisniewski [:twisniewski]]

Attachment: 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.

Comment 1

[Daniel Holbert [:dholbert]]

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.

Comment 2

[Firefox Bug Husbandry Bot]

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

Comment 3

[Firefox Bug Husbandry Bot]

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

Comment 4

[Jessica Stokes]

Attachment: test-px-and-percentage.html

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.

Comment 6

[Daniel Holbert [:dholbert]]

Attachment: testcase 3 (a few text-indent values)

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

Comment 7

[Dennis Schubert [:denschub][OOO, back Jan 12]]

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.