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

Selecting an input prefix/suffix should should focus the associated input #2947

Conversation

adi-unni
Copy link
Contributor

What is the context of this PR?

Fixes: #2945

GDS user research found that users often misclicked the icon to the left of an input. As an enhancement, this change changes the focus from the <abbr> element to the associated input.

How to review this PR

Click on the little pound sign (the prefix/suffix) and check that the focus get set to the input.

Checklist

This needs to be completed by the person raising the PR.

  • I have selected the correct Assignee
  • I have linked the correct Issue

@adi-unni adi-unni added the Enhancement Change of existing feature label Nov 17, 2023
@adi-unni adi-unni self-assigned this Nov 17, 2023
Copy link

netlify bot commented Nov 17, 2023

Deploy Preview for ons-design-system-preview ready!

Name Link
🔨 Latest commit a4125c8
🔍 Latest deploy log https://app.netlify.com/sites/ons-design-system-preview/deploys/655f59ec169155000881edf0
😎 Deploy Preview https://deploy-preview-2947--ons-design-system-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@adi-unni adi-unni marked this pull request as ready for review November 17, 2023 13:44
src/components/input/_macro.njk Outdated Show resolved Hide resolved
src/components/input/_macro.spec.js Outdated Show resolved Hide resolved
Copy link
Contributor

@rmccar rmccar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good, although make sure you get 3 reviews on this one because also worked on this a bit

…ffix-should-show-the-tooltip-and-put-focus-on-the-input-rm
…ffix-should-show-the-tooltip-and-put-focus-on-the-input-rm
…ffix-should-show-the-tooltip-and-put-focus-on-the-input-rm
@adi-unni adi-unni merged commit ec19e92 into main Nov 23, 2023
8 checks passed
@adi-unni adi-unni deleted the enhancement/2411/selecting-an-input-prefixsuffix-should-show-the-tooltip-and-put-focus-on-the-input-rm branch November 23, 2023 15:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Enhancement Change of existing feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Selecting an input prefix/suffix should show the tooltip and put focus on the input
4 participants