Skip to content

fix: popper blur in styleguide#1672

Merged
dsmmcken merged 3 commits intomainfrom
dmckenzie_styleguide_blur
Dec 8, 2023
Merged

fix: popper blur in styleguide#1672
dsmmcken merged 3 commits intomainfrom
dmckenzie_styleguide_blur

Conversation

@dsmmcken
Copy link
Copy Markdown
Contributor

@dsmmcken dsmmcken commented Dec 6, 2023

Poppers such as menu dropdowns aren't closing in the styleguide on outside clicks, this is because no element has focus on the outside click, as e.relatedTarget was null. The main app doens't have this problem since tabindex=-1 is on the appmaincontainer. Add a wrapper (that includes the side marigins) to have a -1 tabindex.

Poppers such as menu dropdowns aren't closing in the styleguide on outside clicks, this is because no element has focus on the outside click, as e.relatedTarget was null. The main app doens't have this problem since tabindex=-1 is on the appmaincontainer. Add a wrapper (that includes the side marigins) to have a -1  tabindex.
@dsmmcken dsmmcken requested a review from bmingles December 6, 2023 17:53
@codecov
Copy link
Copy Markdown

codecov Bot commented Dec 6, 2023

Codecov Report

Attention: 1 lines in your changes are missing coverage. Please review.

Comparison is base (88bcae0) 46.71% compared to head (ebc2f00) 46.71%.

Files Patch % Lines
packages/code-studio/src/styleguide/StyleGuide.tsx 75.00% 1 Missing ⚠️
Additional details and impacted files
@@           Coverage Diff           @@
##             main    #1672   +/-   ##
=======================================
  Coverage   46.71%   46.71%           
=======================================
  Files         606      606           
  Lines       36769    36769           
  Branches     9231     9231           
=======================================
  Hits        17176    17176           
  Misses      19541    19541           
  Partials       52       52           
Flag Coverage Δ
unit 46.71% <75.00%> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Comment thread packages/code-studio/src/styleguide/StyleGuide.tsx
@dsmmcken dsmmcken requested a review from bmingles December 7, 2023 18:41
Copy link
Copy Markdown
Contributor

@bmingles bmingles left a comment

Choose a reason for hiding this comment

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

LGTM

@dsmmcken dsmmcken enabled auto-merge (squash) December 8, 2023 22:15
@dsmmcken dsmmcken merged commit 6fa2204 into main Dec 8, 2023
@dsmmcken dsmmcken deleted the dmckenzie_styleguide_blur branch December 8, 2023 22:37
@github-actions github-actions Bot locked and limited conversation to collaborators Dec 8, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants