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

HDS-2384: Hide mobilemenu actionItems when menu is closed #1342

Merged
merged 1 commit into from
Oct 8, 2024

Conversation

NikoHelle
Copy link
Contributor

@NikoHelle NikoHelle commented Sep 4, 2024

Description

The visually hidden items could be navigated with keyboard.

Mobile menu contents are visually hidden when menu is closed and while not animating.

Changes in the visual tests are because the bottom line is shifted a bit, now that menu contents are not taking visual space.

Attached diff images:
chrome_iphone7_Components_Header_Minimal_With_Custom_Logo
chrome_iphone7_Components_Header_Minimal

Related Issue

Closes HDS-2384

How Has This Been Tested?

With VoiceOver

Demos:

Links to demos are in the comments

Add to changelog

No need for changelog.

Copy link

github-actions bot commented Sep 4, 2024

Test Results

1 tests   1 ✅  0s ⏱️
1 suites  0 💤
1 files    0 ❌

Results for commit b6c7628.

♻️ This comment has been updated with latest results.

Copy link

github-actions bot commented Sep 4, 2024

Preview found from hds-demo docs/preview_1342

Demos

Docs
Core Storybook
React Storybook

@NikoHelle NikoHelle force-pushed the HDS-2384-header-hidden-nav branch 2 times, most recently from b6ba257 to 5d40201 Compare September 9, 2024 10:32
Copy link
Contributor

@mrTuomoK mrTuomoK left a comment

Choose a reason for hiding this comment

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

Left a comment

Copy link
Contributor

@mrTuomoK mrTuomoK left a comment

Choose a reason for hiding this comment

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

The wanted change was the one we discussed earlier, just made a review out of this so it show's up properly :)

@NikoHelle NikoHelle force-pushed the HDS-2384-header-hidden-nav branch 2 times, most recently from e0cd253 to 340bf35 Compare October 1, 2024 12:29
The items could be navigated with keyboard.

Added a wrapper to hide all items.
Copy link
Contributor

@mrTuomoK mrTuomoK left a comment

Choose a reason for hiding this comment

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

Looks good to me 👍

Copy link
Contributor

@laurakarhu laurakarhu left a comment

Choose a reason for hiding this comment

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

Looks good to me!

@NikoHelle NikoHelle merged commit 5935300 into development Oct 8, 2024
8 checks passed
@NikoHelle NikoHelle deleted the HDS-2384-header-hidden-nav branch October 8, 2024 20:45
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.

3 participants