Skip to content

Conversation

@hinzzx
Copy link
Contributor

@hinzzx hinzzx commented Dec 2, 2025

Previously on initial open of the ui5-date-time-picker web component on smaller screen, the focus was being set on the ui5-segmented-button component. The reason behind this was that, the button was first in the DOM tree.

So now, instead of relying on automatic detection, we explicitly tell the ui5-responsive-popover which element should receive focus, by utilizing the initialFocus property (in phone mode only).

Before (on initial opening)

2025-12-02_14-52-03 (1)

After (on initial opening)

2025-12-02_14-50-23 (1)

Fixes: #11375

@ui5-webcomponents-bot
Copy link
Collaborator

ui5-webcomponents-bot commented Dec 2, 2025

🧹 Preview deployment cleaned up: https://pr-12752--ui5-webcomponents.netlify.app

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview December 2, 2025 12:58 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview December 2, 2025 13:08 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview December 2, 2025 14:11 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview December 3, 2025 14:26 Inactive
@hinzzx hinzzx requested a review from tsanislavgatev December 9, 2025 14:07
@hinzzx hinzzx merged commit 1884137 into main Dec 10, 2025
21 of 22 checks passed
@hinzzx hinzzx deleted the dtp-initial-focus-on-mobile branch December 10, 2025 08:21
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview December 10, 2025 08:21 Inactive
@ui5-webcomponents-bot
Copy link
Collaborator

🎉 This PR is included in version v2.18.0-rc.0 🎉

The release is available on v2.18.0-rc.0

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[ui5-datetime-picker]: wrong initial focus on smaller screens

5 participants