Skip to content

Conversation

@ArathyKumar
Copy link
Collaborator

@ArathyKumar ArathyKumar commented Apr 3, 2025

What I did

Developed the pf-search-input component by leveraging the pf-select autocomplete variant to enhance the search functionality and improve user experience.
Screenshot 2025-04-03 at 6 26 18 PM

Testing Instructions

  • Start typing different keywords in the search bar and check if the autocomplete suggestions pop up as you type.
  • Make sure the suggestions match what you’ve typed so far and update as you add more characters.
  • Try using the arrow keys to navigate through the suggestions and hit Enter to select one—ensure it works smoothly.
  • Select a suggestion and see if the input field clears or updates correctly with the chosen option.
  • Test the close button to ensure it clears the input field when clicked and closes the popover if expanded.

@changeset-bot
Copy link

changeset-bot bot commented Apr 3, 2025

🦋 Changeset detected

Latest commit: 27c9694

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

This PR includes changesets to release 1 package
Name Type
@patternfly/elements Minor

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

@netlify
Copy link

netlify bot commented Apr 3, 2025

Deploy Preview for patternfly-elements ready!

Name Link
🔨 Latest commit 630a059
😎 Deploy Preview https://deploy-preview-2899--patternfly-elements.netlify.app/

To edit notification comments on pull requests, go to your Netlify site settings.

@github-actions github-actions bot added the AT passed Automated testing has passed label Apr 3, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Apr 3, 2025

SSR Test Run for 375c438: Report

@github-actions
Copy link
Contributor

github-actions bot commented Apr 3, 2025

SSR Test Run for 006a661: Report

@github-actions
Copy link
Contributor

github-actions bot commented Apr 3, 2025

SSR Test Run for 8c5ea1b: Report

Copy link
Collaborator

@adamjohnson adamjohnson left a comment

Choose a reason for hiding this comment

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

Some considerations to ponder:

  • Right now this is feeling more like a <select> instead of <input type="search">. What actions can we take to make it feel more search like?
    • eg: adding submit button for search, form element inclusion, click to submit query...
  • With Chromium leading the way with customizable selects, should this element try to utilize that API and wait to merge until that feature is stable?
  • Have you considered trying to build on top of the <datalist> element? Would the features coming to customizable selects help the case to use a <datalist> element?

I have to hand it to you Arathy: you go for the most complex components straight out of the gate! 😅

@ArathyKumar ArathyKumar self-assigned this Apr 10, 2025
@github-actions
Copy link
Contributor

SSR Test Run for df927f3: Report

@github-actions
Copy link
Contributor

SSR Test Run for b215d8f: Report

@github-actions
Copy link
Contributor

SSR Test Run for 98b3866: Report

@github-actions
Copy link
Contributor

github-actions bot commented Aug 1, 2025

SSR Test Run for 4ba5bdc: Report

@github-actions
Copy link
Contributor

github-actions bot commented Aug 4, 2025

SSR Test Run for 5023f09: Report

@github-actions
Copy link
Contributor

github-actions bot commented Aug 4, 2025

SSR Test Run for 8563977: Report

@github-actions
Copy link
Contributor

github-actions bot commented Aug 4, 2025

SSR Test Run for 963b263: Report

@github-actions
Copy link
Contributor

github-actions bot commented Aug 4, 2025

SSR Test Run for 33e94d4: Report

@github-actions
Copy link
Contributor

github-actions bot commented Aug 5, 2025

SSR Test Run for e065ade: Report

@github-actions
Copy link
Contributor

github-actions bot commented Aug 5, 2025

SSR Test Run for 01db443: Report

@github-actions
Copy link
Contributor

github-actions bot commented Aug 6, 2025

SSR Test Run for 501dfb2: Report

@github-actions
Copy link
Contributor

github-actions bot commented Aug 6, 2025

SSR Test Run for 0576f75: Report

@github-actions

This comment has been minimized.

@bennypowers bennypowers enabled auto-merge (squash) August 6, 2025 14:03
@bennypowers bennypowers merged commit bd40a73 into main Aug 6, 2025
24 checks passed
@bennypowers bennypowers deleted the 2887-pf-text-input-autocomplete branch August 6, 2025 14:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

AT passed Automated testing has passed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants