1465979 - input type="date" doesn't clear when disabled

Status: RESOLVED DUPLICATE of bug 1654500

(Core :: DOM: Core & HTML, defect, P3)

Description

[Graham]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:60.0) Gecko/20100101 Firefox/60.0
Build ID: 20180516032328

Steps to reproduce:

* Create an HTML document containing a disabled date input with a value
* Use JavaScript to set value='' on the input

See https://jsfiddle.net/dugrgrdy/2/ - this shows disabled and enabled date inputs, with and without initial values, with the disabled input having a value of '' assigned in JavaScript behaving inconsistently with the rest of the cases.


Actual results:

The value of the input was not cleared


Expected results:

The value of the input should be cleared when setting value=''

Comment 1

[ovidiu boca[:Ovidiu]]

Hi Graham,

I tested this on Mac OS X 10.12 with FF Nightly 62.0a1(2018-06-04) and I can reproduce this issue. I also tested with the FF 60 release version and the issue is reproducible.

Comment 3

[tbl0605]

Hi,
this problem still occurs on latest firefox versions (Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:74.0) Gecko/20100101 Firefox/74.0).
It's very problematic, because I cannot (for example) use date fields and Vue.js together without doing some hacks.
Meanwhile I created my own Vue.js date field component, because the solution to circumvent this bug was a bit annoying and intrusive to implement everywhere.

I've attached an html file to reproduce this bug using either plain javascript or Vue.js, maybe it can be useful to the firefox team.

Note also that Chrome and Edge don't have this "clearing disabled date fields" bug.
It seems that it's the only type of input field that cannot (sadly) be correctly cleared in firefox.

Thierry.

Comment 4

[tbl0605]

Attachment: Test file to reproduce the bug using either plain javascript or Vue.js