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

chore: accessibility on dropdown button #1460

Merged
merged 1 commit into from
Jun 3, 2024

Conversation

Chisomchima
Copy link
Member

@Chisomchima Chisomchima commented Mar 7, 2024

Implements LIBS-561

Description

Implemented LIBS-561 by updating the drowpdownButton component to close on click of the escape button.


Known issues

  • None

@Chisomchima Chisomchima requested a review from a team as a code owner March 7, 2024 10:39
@Chisomchima Chisomchima marked this pull request as draft March 7, 2024 10:39
@Chisomchima Chisomchima requested a review from kabaros March 7, 2024 10:40
@dhis2-bot
Copy link
Contributor

dhis2-bot commented Mar 7, 2024

🚀 Deployed on https://pr-1460--dhis2-ui.netlify.app

@dhis2-bot dhis2-bot temporarily deployed to netlify March 7, 2024 10:43 Inactive
@kabaros kabaros changed the base branch from master to alpha March 18, 2024 15:43
@Chisomchima Chisomchima marked this pull request as ready for review March 21, 2024 12:29
@Chisomchima Chisomchima changed the title feat: accessibility on dropdown button chore: accessibility on dropdown button Apr 9, 2024
await waitFor(() => {
expect(queryByText(componentText)).not.toBeInTheDocument()
})
})
})
Copy link
Member

Choose a reason for hiding this comment

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

Could we have a test that wraps this button in a modal, and make sure that only the dropdown is closed when esc is pressed?

@kabaros kabaros changed the base branch from alpha to master April 25, 2024 09:35
Copy link
Collaborator

@kabaros kabaros left a comment

Choose a reason for hiding this comment

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

the escape functionality works well, I also tested it with a Modal @Birkbjo

the question I have is that this fixes one part of the requirements - closing with ESC button. But the other part Similar to changes to Select, a menu opened by a DropdownButton should receive focus when the button is triggered.

dropdown-accessibility

@dhis2-bot dhis2-bot temporarily deployed to netlify April 26, 2024 12:20 Inactive
Copy link

cypress bot commented Apr 26, 2024

Passing run #3370 ↗︎

0 584 0 0 Flakiness 0

Details:

feat: accessibility on dropdown button
Project: ui Commit: 5b6633b4a1
Status: Passed Duration: 06:53 💡
Started: May 8, 2024 5:38 PM Ended: May 8, 2024 5:45 PM

Review all test suite changes for PR #1460 ↗︎

@Chisomchima
Copy link
Member Author

thanks for the feedback @kabaros and @Birkbjo I have added another test for the escape functionality of the dropdown inside a modal.

@kabaros
Copy link
Collaborator

kabaros commented May 8, 2024

@Chisomchima you still haven't handled this requirement from the ticket, right?

Similar to changes to Select, a menu opened by a DropdownButton should receive focus when the button is triggered.

@dhis2-bot dhis2-bot temporarily deployed to netlify May 8, 2024 16:57 Inactive
@Chisomchima
Copy link
Member Author

Chisomchima commented May 8, 2024

@Chisomchima you still haven't handled this requirement from the ticket, right?

Similar to changes to Select, a menu opened by a DropdownButton should receive focus when the button is triggered.

@kabaros I Have written some tests to cover @Birkbjo concerns but I'll have to move this requirement to this jira ticket

@Chisomchima Chisomchima force-pushed the LIBS-561/dropdownButton-accessibility branch 2 times, most recently from d3e7770 to 681086f Compare May 8, 2024 17:19
@dhis2-bot dhis2-bot temporarily deployed to netlify May 8, 2024 17:23 Inactive
feat: accessibility on dropdown button

chore: test dropdown-button in modal

chore: update the test for dropdown button in modal

chore: accessibilty fix
@Chisomchima Chisomchima force-pushed the LIBS-561/dropdownButton-accessibility branch from 681086f to 5b6633b Compare May 8, 2024 17:24
@dhis2-bot dhis2-bot temporarily deployed to netlify May 8, 2024 17:28 Inactive
@kabaros
Copy link
Collaborator

kabaros commented May 9, 2024

Ok - can you please make sure the ticket is in the current sprint, and has the accessibility epic as a parent.

@Birkbjo would you approve the ticket please if you're happy with it.

@Chisomchima Chisomchima requested a review from kabaros May 28, 2024 08:32
@kabaros kabaros merged commit 51750ea into master Jun 3, 2024
13 checks passed
@kabaros kabaros deleted the LIBS-561/dropdownButton-accessibility branch June 3, 2024 10:15
dhis2-bot added a commit that referenced this pull request Jun 3, 2024
# [9.6.0](v9.5.0...v9.6.0) (2024-06-03)

### Features

* accessibility on dropdown button ([#1460](#1460)) ([51750ea](51750ea))
* **selectionBar:** accessibility improvements for SelectionBar ([#1475](#1475)) ([b43882c](b43882c))
@dhis2-bot
Copy link
Contributor

🎉 This PR is included in version 9.6.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants