Datepicker: datepicker jumps when opened in a small viewport

[xulingzhihou]

When rendered as a portal element menuPosition="overflowBoundaryElement" and display area is small, we observe jumpy behavior when opening datapicker by clicking on the calendar icon.


We believe it is caused by

design-system-react/components/date-picker/date-picker.jsx

Line 557 in 030b978

this.selectedDateCell.focus();

when it is trying to focus on the dateCell, browser unnecessarily scrolls and results in the jumpy behavior.

Our proposed fix is setting preventScroll to true, this.selectedDateCell.focus({preventScroll: true});

[welcome]

Thanks for opening your first issue! 👋
If you have found this library helpful, please star it. A maintainer will try to respond within 7 days. If you haven’t heard anything by then, please bump this thread.