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: Composer keyboard navigability #31510

Merged
merged 3 commits into from
Jan 22, 2024
Merged

Conversation

dougfabris
Copy link
Member

@dougfabris dougfabris commented Jan 22, 2024

Proposed changes (including videos or screenshots)

Kapture 2024-01-22 at 11 33 14

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

When the composer 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 composer toolbar, reducing the number of tab stops in the keyboard interface. If the user uses the tab key to navigate back to the composer, the latest focused action will regain the focus.

Issue(s)

Steps to test or reproduce

Further comments

DSAR-247

@dougfabris dougfabris requested a review from a team as a code owner January 22, 2024 15:10
Copy link

changeset-bot bot commented Jan 22, 2024

🦋 Changeset detected

Latest commit: 63e2d65

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

This PR includes changesets to release 31 packages
Name Type
@rocket.chat/ui-composer Minor
@rocket.chat/meteor Minor
@rocket.chat/core-typings Minor
@rocket.chat/rest-typings Minor
@rocket.chat/core-services Patch
@rocket.chat/cron Patch
@rocket.chat/gazzodown Major
@rocket.chat/livechat 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/fuselage-ui-kit Major
@rocket.chat/models Patch
@rocket.chat/ui-client Major
@rocket.chat/ui-video-conf Major
@rocket.chat/uikit-playground Patch
@rocket.chat/web-ui-registration 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 added this to the 6.6 milestone Jan 22, 2024
Copy link

codecov bot commented Jan 22, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (3fdf8ac) 59.89% compared to head (63e2d65) 49.58%.
Report is 1 commits behind head on develop.

Additional details and impacted files

Impacted file tree graph

@@             Coverage Diff              @@
##           develop   #31510       +/-   ##
============================================
- Coverage    59.89%   49.58%   -10.31%     
============================================
  Files         1792     3311     +1519     
  Lines        34898    81477    +46579     
  Branches      7265    16707     +9442     
============================================
+ Hits         20901    40400    +19499     
- Misses       12400    36382    +23982     
- Partials      1597     4695     +3098     
Flag Coverage Δ
e2e 53.27% <ø> (+0.05%) ⬆️
e2e-api 40.67% <ø> (?)
unit 76.50% <ø> (ø)

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

@ggazzo ggazzo changed the title feat: Improves navigability on the composer toolbar using the keyboard feat: Composer keyboard navigability Jan 22, 2024
@ggazzo ggazzo merged commit 4c2771f into develop Jan 22, 2024
42 of 43 checks passed
@ggazzo ggazzo deleted the feat/composerToolbar-navigation branch January 22, 2024 16:58
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.

2 participants