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

Kl628/Calendar Announce Modal + Calendar Closing #468

Merged
merged 4 commits into from
Sep 20, 2024

Conversation

kevin-lin12
Copy link
Contributor

@kevin-lin12 kevin-lin12 commented Oct 16, 2023

Summary

This pull request fixes 2 issues: calendar modal announcement and calendar not closing properly. Used a hidden ARIA live that lives outside the screen to detect when modal is opened.

  • Announces "Expanded" when Calendar is opened.
  • Announces "Collapsed" when Calendar is closed.
  • Closes properly when the Date is clicked while the calendar is open.

Trello Links:
https://trello.com/c/yuxnWqra/494-calendar-closing
https://trello.com/c/m0FGZumO/488-announce-open-close-for-modal

Test Plan

Carriage.Record.mov

Notes

(Oct 26) Successfully implemented ARIA detection when the calendar is opened. However, there are issues with detection when the calendar is closed.

(Nov 6) Successfully fixed issue with calendar modal announcement and fixed issue with calendar not closing properly.

Breaking Changes

@kevin-lin12 kevin-lin12 requested a review from a team as a code owner October 16, 2023 01:42
@dti-github-bot
Copy link
Member

dti-github-bot commented Oct 16, 2023

[diff-counting] Significant lines: 35.

Copy link
Collaborator

@Atikpui007 Atikpui007 left a comment

Choose a reason for hiding this comment

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

Code looks good and I like how you're attempting to handle the modal behavior based on the button

One suggestion however is instead of focusing on the button you can have an aria-live region that is dependent on the button which could be a hidden element that changes state based on whether the modal is open or closed

see below for an example

Screen.Recording.2023-10-22.at.14.19.59.mov

frontend/src/components/MiniCal/MiniCal.tsx Outdated Show resolved Hide resolved
@kevin-lin12 kevin-lin12 changed the title Annouce Modal Kl628/Calendar Announce Modal + Calendar Closing Nov 6, 2023
@Atikpui007 Atikpui007 merged commit 9708947 into master Sep 20, 2024
5 checks passed
@Atikpui007 Atikpui007 deleted the kl628/modal-announce branch September 20, 2024 17:53
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.

4 participants