Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: set focus to text input component PFR-899 #3486

Merged

Conversation

RobD-tech
Copy link
Collaborator

This feature includes a new checkbox component option to set auto focus on an input on page load, and an interaction called Focus to focus on an input field. When the component option is set to true for multiple inputs, only the last input will be focused on.

const focusHandler = () => setTimeout(() => { inputRef.current.focus(); }, 0);
A late timeout is required to be able to trigger the focus interaction on inputs that are inside Dialog or DrawerSidebar components.

Link to the PFR ticket: PFR-899.

@ingmar-stipriaan ingmar-stipriaan merged commit 88985f0 into acceptance Oct 3, 2024
2 checks passed
@ingmar-stipriaan ingmar-stipriaan deleted the feat/set-focus-to-text-input-component-PFR-899 branch October 3, 2024 13:31
@bettyblocks-release-bot
Copy link
Collaborator

🎉 This PR is included in version 2.193.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@bettyblocks-release-bot
Copy link
Collaborator

🎉 This PR is included in version 2.193.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

4 participants