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

fix(FilterableMultiSelect): extend input outline to trigger button area #7722

Merged

Conversation

emyarod
Copy link
Member

@emyarod emyarod commented Feb 2, 2021

Closes #7535

related #7615

This PR resolves a visual issue in the filterable multiselect which expands the input focus outline to the multiselect menu trigger button area

Changelog

New

  • input focus and blur handlers for FilterableMultiSelect

Changed

  • FilterableMultiSelect focus styles

Testing / Reviewing

Confirm the filterable multiselect styles are now correct

@netlify
Copy link

netlify bot commented Feb 2, 2021

Deploy preview for carbon-elements ready!

Built with commit 1af836a

https://deploy-preview-7722--carbon-elements.netlify.app

@netlify
Copy link

netlify bot commented Feb 2, 2021

Deploy preview for carbon-components-react ready!

Built with commit 1af836a

https://deploy-preview-7722--carbon-components-react.netlify.app

@tw15egan
Copy link
Collaborator

tw15egan commented Feb 2, 2021

Slight focus issue in Firefox

Screen Shot 2021-02-02 at 12 17 25 PM

@emyarod
Copy link
Member Author

emyarod commented Feb 2, 2021

this is what it looks like on Firefox 87 for me

image

@tw15egan
Copy link
Collaborator

tw15egan commented Feb 2, 2021

I originally noticed it on the ESR version and I forgot I had 2 versions installed. But after updating Firefox to the latest I'm still seeing it. Is 87 a nightly or something?

Screen Shot 2021-02-02 at 12 38 03 PM

@emyarod
Copy link
Member Author

emyarod commented Feb 2, 2021

this looks like an existing issue in Firefox version <87, I can open a separate fix for this. it doesn't appear to be a regression from this PR

@tw15egan
Copy link
Collaborator

tw15egan commented Feb 2, 2021

Sounds good to me 👍

Copy link
Collaborator

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

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

LGTM 👍 ✅

@emyarod
Copy link
Member Author

emyarod commented Feb 2, 2021

#7725 will resolve that issue separately, and this PR will extend the focus outline to the trigger button area

Copy link
Contributor

@andreancardona andreancardona 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! Pending visual review

Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

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

lgtm! 👍🏻

@emyarod emyarod force-pushed the 7535-multiselect-focus-outline branch from 8564046 to 1af836a Compare February 4, 2021 17:56
@kodiakhq kodiakhq bot merged commit c111af1 into carbon-design-system:master Feb 5, 2021
@emyarod emyarod deleted the 7535-multiselect-focus-outline branch February 5, 2021 17:42
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.

Filterable Multiselect focus outline on wrong node
4 participants