[5.x]: Slide-in animation causes datepicker or dropdown to appear in the wrong place in new matrix entry

[redburn]

What happened?

Description

The control panel automatically puts focus on the first field of a form, so when I'm create a new entry for a matrix field whose first form field is a Date, the autofocus activates the datepicker. However, there's a slide-in effect that's triggered after the datepicker is initialized, causing the field itself to slide to the left while the datepicker remains in the same position on the right, separating the two (see screenshot). The same goes for the dropdown of a Time field, and possibly other field types.

Expected behavior

The datepicker or dropdown should appear with the field that it belongs to.

Actual behavior

The datepicker or dropdown is stuck to the right of the screen, in the position it was triggered before the slide-in animation.

Craft CMS version

5.7.5

PHP version

No response

Operating system and version

No response

Database type and version

No response

Image driver and version

No response

Installed plugins and versions

[brandonkelly]

Thanks for reporting that! Fixed for the next Craft 4 and 5 releases.

[brandonkelly]

Craft 4.15.4 and 5.7.6 are out with that fix. Thanks again!