Closed Bug 1711747 Opened 4 years ago Closed 4 years ago

Right padding covers input inner spin button

Categories

(Core :: Layout: Form Controls, defect)

Product:
Core
Component:
Layout: Form Controls
Version:
Firefox 88
Type:
defect

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1707070

People

(Reporter: ricky, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36

Steps to reproduce:

Add padding (specifically right-padding) to an input element with type=number and the inner-spin-buttons are unclickable.

Actual results:

An <input type="number"> with right padding seems to either push the inner-spin-button (up and down arrows) out of the clickable area or overlays the padding causing it to not be clickable.

Example: go to
data:text/html,<meta charset=utf8><input style="padding-right:20px;" type="number" autofocus>
and the buttons are not clickable inside the input. But if the padding is removed they are clickable.

Expected results:

Buttons should remain clickable wherever they are and with any padding. This makes number inputs look bad on moz because they either need the padding removed or the buttons to be disabled altogether.

The Bugbug bot thinks this bug should belong to the 'Core::Layout: Form Controls' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Component: Untriaged → Layout: Form Controls
Product: Firefox → Core

This is the same as bug 1707070, and should be fixed in Firefox 89.

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