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

Update FilteredSearch docs and fix the z-index issue #2242

Merged
merged 5 commits into from
Aug 22, 2022

Conversation

broccolinisoup
Copy link
Member

@broccolinisoup broccolinisoup commented Aug 18, 2022

Closes an internal Primer issue #887

There are a couple of issues on the FilteredSearch component docs.

Issue 1 : Misaligned icon

161257059-6690bc90-2869-4209-adc5-737899986b68

After the fix

Screen Shot 2022-08-18 at 4 27 31 pm

Issue 2 : Z-index issue with FilteredSearch

This is not specified in the issue however, I came across this when I was building a primer prototype. You can checkout the demo to see replicated scenario starting at 2:17. Or briefly below.

TextInputWrapper.class.z-index.issue.FilteredSearch.mp4

Issue 3 : Jumpy Action List labels

You can see the screen recording on the issue but I am not able to replicate this at all. However, I suspect this would something to do with the Action Menu/List rather than FilteredSearch.

Merge checklist

  • Added/updated tests
  • Added/updated documentation
  • Tested in Chrome
  • Tested in Firefox
  • Tested in Safari
  • Tested in Edge
  • Add changeset after getting a confirmation for the z-index change

Take a look at the What we look for in reviews section of the contributing guidelines for more information on how we review PRs.

@broccolinisoup broccolinisoup added docs Documentation react labels Aug 18, 2022
@broccolinisoup broccolinisoup requested review from a team and colebemis August 18, 2022 06:28
@changeset-bot
Copy link

changeset-bot bot commented Aug 18, 2022

🦋 Changeset detected

Latest commit: 923e219

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/react Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions
Copy link
Contributor

github-actions bot commented Aug 18, 2022

size-limit report 📦

Path Size
dist/browser.esm.js 75.62 KB (+0.01% 🔺)
dist/browser.umd.js 76.23 KB (0%)

@broccolinisoup broccolinisoup temporarily deployed to github-pages August 18, 2022 06:36 Inactive
@broccolinisoup broccolinisoup changed the title Update FilteredSearch docs Update FilteredSearch docs and fix the z-index issue Aug 18, 2022
Copy link
Contributor

@colebemis colebemis left a comment

Choose a reason for hiding this comment

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

Looks great, @broccolinisoup! Could you add a changeset for the z-index fix?

@broccolinisoup broccolinisoup temporarily deployed to github-pages August 18, 2022 20:50 Inactive
@broccolinisoup broccolinisoup temporarily deployed to github-pages August 19, 2022 03:46 Inactive
@broccolinisoup
Copy link
Member Author

Issue 3 : Jumpy Action List labels

Any tips for replicating the Issue 3 (In the description)? @colebemis

@broccolinisoup broccolinisoup temporarily deployed to github-pages August 19, 2022 11:39 Inactive
@broccolinisoup broccolinisoup temporarily deployed to github-pages August 22, 2022 20:52 Inactive
@broccolinisoup broccolinisoup merged commit d46ae9f into main Aug 22, 2022
@broccolinisoup broccolinisoup deleted the broccolinisoup/misaligned-search-icon branch August 22, 2022 21:38
@primer-css primer-css mentioned this pull request Aug 22, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs Documentation react
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants