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

feat: Room header keyboard navigability #31516

Merged
merged 4 commits into from
Jan 23, 2024
Merged

Conversation

dougfabris
Copy link
Member

@dougfabris dougfabris commented Jan 22, 2024

Proposed changes (including videos or screenshots)

Kapture 2024-01-22 at 17 07 09

It adds focus management to the room header toolbar to allow the user to navigate on the toolbar using arrow keys.

When the room header toolbar is focused the user can navigate using the arrow key left or arrow key right to navigate through the actions, once the tab button is hit the focus is moved away from the room header toolbar, reducing the number of tab stops in the keyboard interface. If the user uses the tab key to navigate back to the room header toolbar, the latest focused action will regain the focus.

Issue(s)

Fixes #5242

Steps to test or reproduce

Further comments

DSAR-449

Copy link

changeset-bot bot commented Jan 22, 2024

🦋 Changeset detected

Latest commit: 079729b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 30 packages
Name Type
@rocket.chat/meteor Minor
@rocket.chat/ui-client Major
@rocket.chat/gazzodown Major
@rocket.chat/web-ui-registration Major
@rocket.chat/fuselage-ui-kit Major
@rocket.chat/livechat Patch
@rocket.chat/uikit-playground Patch
@rocket.chat/core-typings Minor
@rocket.chat/rest-typings Minor
@rocket.chat/core-services Patch
@rocket.chat/cron Patch
@rocket.chat/model-typings Patch
@rocket.chat/ui-contexts Major
@rocket.chat/account-service Patch
@rocket.chat/authorization-service Patch
@rocket.chat/ddp-streamer Patch
@rocket.chat/omnichannel-transcript Patch
@rocket.chat/presence-service Patch
@rocket.chat/queue-worker Patch
@rocket.chat/stream-hub-service Patch
@rocket.chat/api-client Patch
@rocket.chat/license Patch
@rocket.chat/omnichannel-services Patch
@rocket.chat/pdf-worker Patch
@rocket.chat/presence Patch
rocketchat-services Patch
@rocket.chat/ddp-client Patch
@rocket.chat/models Patch
@rocket.chat/ui-video-conf Major
@rocket.chat/instance-status Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@dougfabris dougfabris marked this pull request as ready for review January 22, 2024 20:12
@dougfabris dougfabris requested a review from a team as a code owner January 22, 2024 20:12
@dougfabris dougfabris added this to the 6.6 milestone Jan 22, 2024
Copy link

codecov bot commented Jan 22, 2024

Codecov Report

Attention: 6 lines in your changes are missing coverage. Please review.

Comparison is base (ec285f7) 49.56% compared to head (079729b) 49.57%.
Report is 1 commits behind head on develop.

Additional details and impacted files

Impacted file tree graph

@@           Coverage Diff            @@
##           develop   #31516   +/-   ##
========================================
  Coverage    49.56%   49.57%           
========================================
  Files         3318     3319    +1     
  Lines        81542    81548    +6     
  Branches     16750    16751    +1     
========================================
+ Hits         40416    40425    +9     
+ Misses       36419    36417    -2     
+ Partials      4707     4706    -1     
Flag Coverage Δ
e2e 53.25% <71.42%> (+0.05%) ⬆️
e2e-api 40.66% <ø> (-0.02%) ⬇️
unit 76.47% <0.00%> (-0.03%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

@ggazzo ggazzo merged commit 9cb9796 into develop Jan 23, 2024
43 checks passed
@ggazzo ggazzo deleted the feat/headerToolbar-navigation branch January 23, 2024 00:04
gabriellsh added a commit that referenced this pull request Jan 23, 2024
* 'develop' of github.com:RocketChat/Rocket.Chat: (143 commits)
  fix: Marketplace apps installed as private showing as installed (#31514)
  test: fix messaging flaky test (#31512)
  fix: change the push sound sent when the push is from video conference (#30910)
  fix: ensure sessionId on Sessions documents (#31487)
  chore: handle rocket.cat creation and deletion (#31170)
  chore(agenda): Changes in Agenda API (#31427)
  refactor: Pay the debt of some TODO comments (#30338)
  feat: Room header keyboard navigability (#31516)
  fix: Cron job for clearing OEmbed cache isn't working (#31336)
  refactor(client): Handling of custom statuses (#31500)
  fix: Prevent `Fallback forward departments` feature to go on loop when configured as circular chain (#31328)
  feat: Add `push.test` endpoint (#31289)
  chore: split UserProvider into two: User and Authentication (#31513)
  fix: Can't remove channel's password to join (#31507)
  chore: convert CAS integration code to typescript (#31492)
  feat: Composer keyboard navigability (#31510)
  fix: Render warning in Logs - (MessageType.render is deprecated. Use MessageType.message instead) (#31426)
  feat: Convert emoji shortname to unicode on notification emails. (#31225)
  chore: Normalize `ButtonGroup` (#31499)
  chore: improve type definitions for login service configurations (#31491)
  ...
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.

Toolbar at top of channel isn't easily keyboard-accessible
2 participants