Closed Bug 1498632 Opened Last year Closed Last year

Input date and time does not respect CSS rules for cursor

Categories

(Core :: Layout: Form Controls, defect)

62 Branch
defect
Not set

Tracking

()

RESOLVED FIXED
mozilla64
Tracking Status
firefox64 --- fixed

People

(Reporter: jaime, Assigned: emilio)

Details

(Keywords: parity-chrome, parity-edge)

Attachments

(2 files)

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

Steps to reproduce:

Create a date or Time element:
<input type="date">
<input type="time">

Set CSS cursor style:
input {
  cursor: not-allowed;
}

View webpage in Firefox on a WINDOWS machine.

Example:
https://jsfiddle.net/ugwnotLd/3


Actual results:

On Windows 7 & 10:
Hovering the date/time inputs' border and padding we get the custom cursor style. Hovering the date/time content within the input we do NOT get the custom cursor style.


Expected results:

On Windows 7 & 10:
We should get the CSS defined cursor style on the content of the date/time input
Component: Untriaged → Layout: Form Controls
Product: Firefox → Core
Instead set the cursor from the UA sheet, and allow authors to override it. This
matches what other UAs do.
This is just our form controls being not very customization-friendly, should be trivial to fix.
Assignee: nobody → emilio
Status: UNCONFIRMED → ASSIGNED
Ever confirmed: true
* Remove unused xul namespace declaration.
 * color and font are inherited, so no need to declare anything.
 * Setting -moz-appearance: none on a div element is useless.
It also repros on Linux fwiw.
Summary: WINDOWS 7 & 10 - input date and time does not respect CSS rules for cursor → Input date and time does not respect CSS rules for cursor
Pushed by emilio@crisal.io:
https://hg.mozilla.org/integration/autoland/rev/8ad79784d883
Remove cursor overrides from datetimebox.css r=Gijs
Pushed by emilio@crisal.io:
https://hg.mozilla.org/integration/autoland/rev/c98344b84b20
Remove some other useless declarations in datetimebox.css. r=Gijs
https://hg.mozilla.org/mozilla-central/rev/8ad79784d883
https://hg.mozilla.org/mozilla-central/rev/c98344b84b20
Status: ASSIGNED → RESOLVED
Closed: Last year
Resolution: --- → FIXED
Target Milestone: --- → mozilla64
You need to log in before you can comment on or make changes to this bug.