Closed Bug 1787543 Opened 2 years ago Closed 2 years ago

CSS -moz-appearance:number-input not honored when "hover" or "focus"

Categories

(Core :: CSS Parsing and Computation, defect)

Product:
Core
Component:
CSS Parsing and Computation
Version:
Firefox 103
Platform:
x86_64
Linux
Type:
defect

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1786521

People

(Reporter: j2022, Unassigned)

Details

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:103.0) Gecko/20100101 Firefox/103.0

Steps to reproduce:

The -moz-appearance CSS field does not seem to be honored on an input field with type="number" on hover or focus.

See example codepen here: https://codepen.io/pbandinelli/pen/gOeJVpa

Actual results:

In FF 103, when holding the mouse above the input field, the field text turns red but the up-arrow and down-arrow do not appear.

Expected results:

When holding the mouse above the input field, the field text shall turn red and the up-arrow and down-arrow shall appear.
The behavior seems correct in Chromium (although I was not expecting they would honour the -moz-appearance option!)

Component: Untriaged → CSS Parsing and Computation
OS: Unspecified → Linux
Product: Firefox → Core
Hardware: Unspecified → x86_64

I made some more tests: this works in FF 68 - this does not work in FF 91 ESR.

Status: UNCONFIRMED → RESOLVED
Closed: 2 years ago
Resolution: --- → DUPLICATE

Ah, number-input in particular was hidden in bug 1620467. You should just use appearance: auto instead.

No, it doesn't seem to make it: see here
https://codepen.io/pbandinelli/pen/mdLmzod

Again the behavior is good with Chromium but apparently broken with FF 104.

That said, this works in FF 106a nightly. So presumably the issue will be fixed in this release! Thanks for fixing the bug!

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