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

Focus prioritized UI in on modal open #4707

Merged
merged 37 commits into from
Oct 9, 2024
Merged

Conversation

stuartromanek
Copy link
Member

@stuartromanek stuartromanek commented Aug 28, 2024

Summary

https://linear.app/apostrophecms/issue/PRO-4505/%5Baccessibility%5D-focus-primary-button-in-priority

  • modal's trapFocus now looks for elements marked data-apos-focus-priority and prioritizes it during initial focus setting
  • Accessibility improvements for media uploader ui

Related

What are the specific steps to test this change?

focusprio.mp4

What kind of change does this PR introduce?

(Check at least one)

  • Bug fix
  • New feature
  • Refactor
  • Documentation
  • Build-related changes
  • Other

Copy link

linear bot commented Aug 28, 2024

@stuartromanek stuartromanek changed the title Pro 4505/modal priority Focus prioritized UI in on modal open Aug 28, 2024
@stuartromanek stuartromanek marked this pull request as ready for review August 28, 2024 20:55
Copy link
Contributor

@ETLaurent ETLaurent left a comment

Choose a reason for hiding this comment

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

questions

ETLaurent
ETLaurent previously approved these changes Sep 3, 2024
Copy link
Contributor

@ETLaurent ETLaurent left a comment

Choose a reason for hiding this comment

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

lgtm!
haven't tested but let's run Cypress so that we ensure tests are 🆗

ETLaurent
ETLaurent previously approved these changes Sep 5, 2024
@stuartromanek
Copy link
Member Author

@ETLaurent This PR has been on a journey. Can you take a last look?

Copy link
Contributor

@ETLaurent ETLaurent left a comment

Choose a reason for hiding this comment

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

just that.
otherwise if Cypress is 🟢 then it's 🆗

CHANGELOG.md Outdated


* Takes care of an edge case where Media Manager would duplicate search results.
* Modules can now have a `before: "module-name"` property in their configuration to run (initialization) before another module.
Copy link
Contributor

Choose a reason for hiding this comment

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

should stay in the "### Adds" section

Comment on lines +891 to +894
const priority = this.restoreOnly ? 'save'
: this.saveMenu ? 'splitSave'
: this.saveDisabled ? 'cancel' : null;
return name === priority || null;
Copy link
Contributor

Choose a reason for hiding this comment

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

🤯

@stuartromanek stuartromanek merged commit 5befe59 into main Oct 9, 2024
8 checks passed
@stuartromanek stuartromanek deleted the PRO-4505/modal-priority branch October 9, 2024 14:49
@stuartromanek stuartromanek restored the PRO-4505/modal-priority branch October 9, 2024 14:50
@stuartromanek stuartromanek deleted the PRO-4505/modal-priority branch October 9, 2024 14:50
haroun added a commit to haroun/apostrophe that referenced this pull request Oct 9, 2024
* upstream/main:
  Focus prioritized UI in on modal open (apostrophecms#4707)
  fix a rare race condition (apostrophecms#4755)
  prevent un-publishing singletons (apostrophecms#4739)
  PRO-6660: modules order (apostrophecms#4745)
  remove unused vue-template-compiler dependency (apostrophecms#4752)
  Fix pnpm: true (apostrophecms#4750)
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