Skip to content

feat(search-input): pf-search-input element#2899

Merged
bennypowers merged 96 commits into
mainfrom
2887-pf-text-input-autocomplete
Aug 6, 2025
Merged

feat(search-input): pf-search-input element#2899
bennypowers merged 96 commits into
mainfrom
2887-pf-text-input-autocomplete

Conversation

@ArathyKumar

@ArathyKumar ArathyKumar commented Apr 3, 2025

Copy link
Copy Markdown
Collaborator

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

changeset-bot Bot commented Apr 3, 2025

Copy link
Copy Markdown

🦋 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

netlify Bot commented Apr 3, 2025

Copy link
Copy Markdown

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

github-actions Bot commented Apr 3, 2025

Copy link
Copy Markdown
Contributor

SSR Test Run for 375c438: Report

@github-actions

github-actions Bot commented Apr 3, 2025

Copy link
Copy Markdown
Contributor

SSR Test Run for 006a661: Report

@github-actions

github-actions Bot commented Apr 3, 2025

Copy link
Copy Markdown
Contributor

SSR Test Run for 8c5ea1b: Report

@adamjohnson adamjohnson left a comment

Copy link
Copy Markdown
Collaborator

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! 😅

Comment thread elements/pf-search-input/README.md
Comment thread elements/pf-search-input/docs/pf-search-input.md
Comment thread elements/pf-search-input/demo/pf-search-input.html Outdated
Comment thread elements/pf-search-input/demo/pf-search-input.html
Comment thread elements/pf-search-input/pf-search-input.ts Outdated
Comment thread elements/pf-search-input/pf-search-input.ts
Comment thread elements/pf-search-input/test/pf-search-input.spec.ts
@ArathyKumar ArathyKumar self-assigned this Apr 10, 2025
@github-actions

Copy link
Copy Markdown
Contributor

SSR Test Run for df927f3: Report

@github-actions

Copy link
Copy Markdown
Contributor

SSR Test Run for b215d8f: Report

@github-actions

Copy link
Copy Markdown
Contributor

SSR Test Run for 98b3866: Report

@github-actions

github-actions Bot commented Aug 1, 2025

Copy link
Copy Markdown
Contributor

SSR Test Run for 4ba5bdc: Report

@github-actions

github-actions Bot commented Aug 4, 2025

Copy link
Copy Markdown
Contributor

SSR Test Run for 5023f09: Report

@github-actions

github-actions Bot commented Aug 4, 2025

Copy link
Copy Markdown
Contributor

SSR Test Run for 8563977: Report

@github-actions

github-actions Bot commented Aug 4, 2025

Copy link
Copy Markdown
Contributor

SSR Test Run for 963b263: Report

@github-actions

github-actions Bot commented Aug 4, 2025

Copy link
Copy Markdown
Contributor

SSR Test Run for 33e94d4: Report

@github-actions

github-actions Bot commented Aug 5, 2025

Copy link
Copy Markdown
Contributor

SSR Test Run for e065ade: Report

@github-actions

github-actions Bot commented Aug 5, 2025

Copy link
Copy Markdown
Contributor

SSR Test Run for 01db443: Report

@github-actions

github-actions Bot commented Aug 6, 2025

Copy link
Copy Markdown
Contributor

SSR Test Run for 501dfb2: Report

@github-actions

github-actions Bot commented Aug 6, 2025

Copy link
Copy Markdown
Contributor

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.

4 participants