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

feat(TitleBlockZen): allow mobile actions menu auto hide in title block #4471

Merged
merged 6 commits into from
Jan 10, 2024

Conversation

louiseliang
Copy link
Contributor

Important: Request PR reviews on Slack

Please reach out to the design system team on Slack in #prod_design_system for PR reviews. GitHub notifications (e.g. from tagging a person) are not actively monitored.

Why

When menu item in mobile menu open a drawer when clicked, the focus will still stay within the mobile menu as the focus lock is still engaged.

Expected behaviour: focus can be released so that it can be moved into opened drawer.

What

  • Pass an optional props to allow the auto hide behaviour for mobile menu:
    <TitleBlockZen /> - autoHideMobileActionsMenu
    <MobileActions /> - autoHide
  • Follow the approach in <StatelessMenu /> : append close menu to children elements' on click event.

@louiseliang louiseliang self-assigned this Jan 10, 2024
@louiseliang louiseliang requested a review from a team as a code owner January 10, 2024 21:58
Copy link

changeset-bot bot commented Jan 10, 2024

🦋 Changeset detected

Latest commit: 0e2759d

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

This PR includes changesets to release 1 package
Name Type
@kaizen/components 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

Copy link
Contributor

✨ Here is your branch preview! ✨

Last updated for commit 0e2759d: chore: rename props

Copy link
Contributor

@dougmacknz dougmacknz left a comment

Choose a reason for hiding this comment

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

I crown you the new TitleBlock expert 👑

@dougmacknz dougmacknz merged commit af8329e into main Jan 10, 2024
18 checks passed
@dougmacknz dougmacknz deleted the ll/allow-other-actions-menu-auto-hide-in-title-block branch January 10, 2024 23:25
@@ -0,0 +1,5 @@
---
"@kaizen/components": patch
Copy link
Contributor

Choose a reason for hiding this comment

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

This probably should have been a minor in hindsight, doesn't matter too much.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants