Skip to content

chore(docs): Update ModalWithDropdown example#12061

Merged
dlabaj merged 3 commits intopatternfly:mainfrom
rebeccaalpert:dropdown-focus
Oct 21, 2025
Merged

chore(docs): Update ModalWithDropdown example#12061
dlabaj merged 3 commits intopatternfly:mainfrom
rebeccaalpert:dropdown-focus

Conversation

@rebeccaalpert
Copy link
Copy Markdown
Member

@rebeccaalpert rebeccaalpert commented Oct 14, 2025

Example was using out-of-date PatternFly syntax from a prior version. It should now show how to properly add a dropdown to a modal that allows for keyboard accessibility.

What: Closes #11847

Additional issues:

@rebeccaalpert rebeccaalpert linked an issue Oct 14, 2025 that may be closed by this pull request
@rebeccaalpert rebeccaalpert marked this pull request as ready for review October 14, 2025 17:43
@patternfly-build
Copy link
Copy Markdown
Collaborator

patternfly-build commented Oct 14, 2025

@rebeccaalpert rebeccaalpert requested review from a team, dlabaj and nicolethoen and removed request for a team October 14, 2025 17:44
Example was using out-of-date PatternFly syntax from a prior version. It should now show how to properly add a dropdown to a modal that allows for keyboard accessibility.
Copy link
Copy Markdown
Contributor

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

This looks good to me, some comments below that would probably be worth discussing/implementing, just because I believe consumers have raised issue with menus inside Modal's causing a scrollbar so it'd be good for us to convey how to avoid that with this example update.

Comment thread packages/react-core/src/components/Modal/examples/Modal.md Outdated
Comment thread packages/react-core/src/components/Modal/examples/ModalWithDropdown.tsx Outdated
Comment thread packages/react-core/src/helpers/FocusTrap/__tests__/Generated/FocusTrap.test.tsx Outdated
@dlabaj dlabaj merged commit cd750b3 into patternfly:main Oct 21, 2025
13 checks passed
@patternfly-build
Copy link
Copy Markdown
Collaborator

Your changes have been released in:

  • @patternfly/react-code-editor@6.4.1-prerelease.1
  • @patternfly/react-core@6.4.1-prerelease.1
  • @patternfly/react-docs@7.4.1-prerelease.1
  • @patternfly/react-drag-drop@6.4.1-prerelease.1
  • demo-app-ts@6.0.0-prerelease.167
  • @patternfly/react-table@6.4.1-prerelease.1
  • @patternfly/react-templates@6.4.1-prerelease.1

Thanks for your contribution! 🎉

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.

Bug - Dropdown - aria-hidden still set on dropdowns after click

4 participants