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

[EuiCollapsibleNavBeta] Add storybook QA test for ensuring flyouts sit above the nav #7051

Merged
merged 2 commits into from
Aug 8, 2023

Conversation

cee-chen
Copy link
Contributor

@cee-chen cee-chen commented Aug 7, 2023

Summary

Per Marcialis's comment in elastic/kibana#161889 (comment), the new collapsible nav should sit below any flyout/modal/general overlay masks. This Storybook adds a quick way to visually QA that Kibana behavior and confirm it's working as expected.

QA

General checklist

N/A, internal dev-only

@cee-chen cee-chen added testing Issues or PRs that only affect tests - will not need changelog entries skip-changelog labels Aug 7, 2023
@cee-chen cee-chen requested a review from breehall August 7, 2023 19:57
@@ -34,6 +35,7 @@ const meta: Meta<EuiCollapsibleNavBetaProps> = {
args: {
side: 'left',
initialIsCollapsed: false,
width: 248,
Copy link
Contributor Author

@cee-chen cee-chen Aug 7, 2023

Choose a reason for hiding this comment

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

This is an incidental change I forgot to include in #7034 - it's useful to preload the various Storybook control args with their default props so devs know what they are at a glance

@cee-chen cee-chen marked this pull request as ready for review August 7, 2023 19:59
@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_7051_buildkite/

@cee-chen cee-chen force-pushed the collapsible-nav-beta branch from 28c35d6 to c29bb50 Compare August 7, 2023 21:06
@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_7051_buildkite/

@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

History

Copy link
Contributor

@breehall breehall left a comment

Choose a reason for hiding this comment

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

This story works as it should! When a flyout is present, the flyout appears on top of the nav. Also confirmed this behavior toggling the nav while the flyout is open.

@cee-chen
Copy link
Contributor Author

cee-chen commented Aug 8, 2023

Thanks Bree!

@cee-chen cee-chen merged commit d49b59a into elastic:main Aug 8, 2023
@cee-chen cee-chen deleted the collapsible-nav-beta branch August 8, 2023 18:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
skip-changelog testing Issues or PRs that only affect tests - will not need changelog entries
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants