Skip to content

PCF-391 The keyboard handling for the revision dropdown should be done differently#926

Open
esanuandra wants to merge 7 commits intomozilla:mainfrom
esanuandra:keyboard-handling-for-revision-dropdown
Open

PCF-391 The keyboard handling for the revision dropdown should be done differently#926
esanuandra wants to merge 7 commits intomozilla:mainfrom
esanuandra:keyboard-handling-for-revision-dropdown

Conversation

@esanuandra
Copy link
Copy Markdown
Contributor

@esanuandra esanuandra commented Aug 14, 2025

Jira ticket - The keyboard handling for the revision dropdown should be done differently

This PR should make the navigation using the keyboard possible for searching revisions in Search component. Part of the implementation was made with the help of Cursor.

@esanuandra esanuandra added the 🚧 WIP 🚧 Work in progress: do not merge label Aug 14, 2025
@netlify
Copy link
Copy Markdown

netlify Bot commented Aug 14, 2025

Deploy Preview for mozilla-perfcompare ready!

Name Link
🔨 Latest commit dd8fff3
🔍 Latest deploy log https://app.netlify.com/projects/mozilla-perfcompare/deploys/69fb4aaa8d4052000833f83a
😎 Deploy Preview https://deploy-preview-926--mozilla-perfcompare.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch 3 times, most recently from 90de22d to d5beba4 Compare August 14, 2025 13:44
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from d5beba4 to d19522f Compare October 2, 2025 15:06
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch 6 times, most recently from fdde6ef to 54ddcf0 Compare October 16, 2025 14:50
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch 5 times, most recently from b6922d9 to 031a978 Compare October 21, 2025 16:12
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch 5 times, most recently from 13e39ea to 7c2d3b9 Compare November 6, 2025 16:14
@esanuandra
Copy link
Copy Markdown
Contributor Author

I need some help with the Snackbar tests, fetchRevisionByID and fetchRevisionsBySearch.
@kala-moz would you mind looking over them, please?

@esanuandra esanuandra requested a review from kala-moz November 6, 2025 16:23
@esanuandra esanuandra added Ready For Review and removed 🚧 WIP 🚧 Work in progress: do not merge labels Nov 6, 2025
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from 7c2d3b9 to 208f150 Compare November 27, 2025 09:12
Comment thread src/components/Search/SearchInputAndResults.tsx Outdated
Comment thread src/components/Search/SearchInputAndResults.tsx
Comment thread src/components/Search/SearchInputAndResults.tsx Outdated
Comment thread src/components/Search/RevisionAutocompleteOption.tsx
Comment thread src/components/Search/RevisionAutocompleteInput.tsx
Comment thread src/components/Search/SearchInputAndResults.tsx Outdated
}
}
}}
renderInput={renderInput}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I'm not sure where this issue is coming from yet, but when I hit enter on a revision selection for the new one, the revision input field gets populated with the string of the revision that was selected. This is a bit annoying in combination with the issue above because if I want to select multiple revisions, I have to delete the revision input that was added, then I'm able to continue searching for more revisions to add.

Copy link
Copy Markdown
Contributor

@kala-moz kala-moz left a comment

Choose a reason for hiding this comment

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

Added my comments and suggestions to the PR.

Comment thread src/components/Search/SearchInputAndResults.tsx Outdated
Comment thread src/components/Search/SearchInputAndResults.tsx Outdated
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from 208f150 to 0458490 Compare December 18, 2025 14:19
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from 7785cde to c80baad Compare February 12, 2026 16:35
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from c80baad to c2bde8b Compare April 8, 2026 15:44
Copy link
Copy Markdown
Contributor

@kala-moz kala-moz left a comment

Choose a reason for hiding this comment

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

@esanuandra I left some suggestions on your tests to help you get them green.

Comment thread src/__tests__/Search/fetchRevisionByID.test.tsx Outdated
Comment thread src/__tests__/Search/fetchRevisionByID.test.tsx
Comment thread src/__tests__/Search/fetchRevisionByID.test.tsx Outdated
Comment thread src/__tests__/Search/fetchRevisionByID.test.tsx Outdated
Comment thread src/__tests__/Snackbar.test.tsx Outdated
Comment thread src/__tests__/Search/fetchRevisionsBySearch.test.tsx Outdated
Comment thread src/__tests__/Search/fetchRevisionsBySearch.test.tsx
Comment thread src/__tests__/Search/fetchRevisionsBySearch.test.tsx Outdated
Comment thread src/__tests__/Search/fetchRevisionsBySearch.test.tsx Outdated
@kala-moz
Copy link
Copy Markdown
Contributor

kala-moz commented Apr 9, 2026

@esanuandra Looks like those three tests passed! Just need to update the snapshots.

@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from 249241b to fc7ef71 Compare April 9, 2026 16:39
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from fc7ef71 to 1d0735d Compare April 30, 2026 15:08
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from fcff5f2 to 406cedf Compare May 6, 2026 13:36
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