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

fix(dropdowns): add missing data-garden- attributes to menu item icon elements #1158

Merged
merged 2 commits into from
Jul 22, 2021

Conversation

jzempel
Copy link
Member

@jzempel jzempel commented Jul 22, 2021

Description

Add missing data-garden-[id/version] attributes to StyledItemIcon components.

Detail

Closes #1128

Checklist

  • πŸ‘Œ design updates are Garden Designer approved (add the
    designer as a reviewer)
  • 🌐 demo is up-to-date (yarn start)
  • ⬅️ renders as expected with reversed (RTL) direction
  • 🀘 renders as expected with Bedrock CSS (?bedrock)
  • β™Ώ analyzed via axe and evaluated using VoiceOver
  • πŸ’‚β€β™‚οΈ includes new unit tests
  • πŸ“ tested in Chrome, Firefox, Safari, Edge, and IE11

@jzempel jzempel requested a review from a team as a code owner July 22, 2021 17:38
}
}}
>
<Dropdown isOpen={isOpen || undefined}>
Copy link
Member Author

@jzempel jzempel Jul 22, 2021

Choose a reason for hiding this comment

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

I realize this treatment flips the component between controlled and uncontrolled (and results in a warning). But that's the point – the control demonstrates both uses. More importantly, we have the ability to observe and use dev tools to debug the menu items which is imperative for the storybook demo.

Copy link
Contributor

Choose a reason for hiding this comment

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

I think a more suitable structure would be to demonstrate one of each usage per story β€” similar to the accordion stories. Probably not the right time for re-structuring, but just wanted to throw the idea out there.

Copy link
Member Author

Choose a reason for hiding this comment

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

Perhaps. This directly copies the Default dropdowns story. So we may want to address both.

@zendesk-garden zendesk-garden temporarily deployed to staging July 22, 2021 18:03 Inactive
@coveralls
Copy link

Coverage Status

Coverage increased (+0.0005%) to 94.843% when pulling 8c7be6f on jzempel/item-icon-id into b54fbce on main.

@jzempel jzempel merged commit 78b0c91 into main Jul 22, 2021
@jzempel jzempel deleted the jzempel/item-icon-id branch July 22, 2021 19:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

Missing data-garden-id on Menu Item Icon
4 participants