-
Notifications
You must be signed in to change notification settings - Fork 840
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
Conversation
@@ -34,6 +35,7 @@ const meta: Meta<EuiCollapsibleNavBetaProps> = { | |||
args: { | |||
side: 'left', | |||
initialIsCollapsed: false, | |||
width: 248, |
There was a problem hiding this comment.
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
Preview documentation changes for this PR: https://eui.elastic.co/pr_7051_buildkite/ |
28c35d6
to
c29bb50
Compare
Preview documentation changes for this PR: https://eui.elastic.co/pr_7051_buildkite/ |
💚 Build Succeeded
History
|
There was a problem hiding this 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.
Thanks Bree! |
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
gh pr checkout 7051
yarn storybook
General checklist
N/A, internal dev-only