1597844 - <input type="date"> (and form control validation tooltips) open at top left (should be bound to textbox) and doesn't close if date entered directly

Status: VERIFIED FIXED

(Toolkit :: UI Widgets, defect, P2)

Description

[Sebastian Hengst [:aryx] (needinfo me if it's about an intermittent or backout)]

Regressed by bug 1576946 (= only affects Firefox 72)

<input type="date"> opens at top left (should be bound to textbox) and doesn't close if date entered directly

1. Go to https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
2. Click onto the date picker on the right.

Actual result:
Datepicker opened at top left.

Expected result:
Datepicker opens adjacent to input box.

3. Click outside the textbox.

Actual result:
Datepicker doesn't close.

Expected result:
Datepicker closes.

4. Press Esc to close the datepicker

Comment 1

[Emilio Cobos Álvarez [:emilio]]

[Tracking Requested - why for this release]: Busted form controls are no good.

Comment 2

[Tim Nguyen :ntim]

I found where the issue was, patch incoming.

Comment 3

[Tim Nguyen :ntim]

Attachment: Bug 1597844 - Fix positioning of form validation and date/time input popups.

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/30248fce0f93
Fix positioning of form validation and date/time input popups. r=mconley

Comment 6

[Andreea Pavel [:apavel]]

https://hg.mozilla.org/mozilla-central/rev/30248fce0f93

Comment 7

[Cristian Fogel [:cfogel]]

Confirmed issue with 72.0a1 (2019-11-19) on Windows 10.
Verified fix with 72.0b5 on Windows 10, Ubuntu 19.04, macOS 10.15