[SD-180] add search support to dropdowns

[lambry]

Issue: https://digital-vic.atlassian.net/browse/SD-180

What I did

• Adds search support to dropdowns

Test webform: https://app.pr-149.reference-sdp-vic-gov-au.sdp4.sdp.vic.gov.au/test-wf
Test search listing: https://app.pr-149.reference-sdp-vic-gov-au.sdp4.sdp.vic.gov.au/test-sl

Full dropdown component test suite

dropdown.cy.mov

Checklist

For all PR's

• I've added relevant changes to the project Readme if needed
• I've updated the documentation site as needed
• I have added tests to cover my changes (if not applicable, please state why in a comment)

For new UI components only

• I have added a storybook story covering all variants
• I have checked a11y tab in storybook passes
• I have added cypress component tests (if the component is interactive)
• Any events are emitted on the event bus using emitRplEvent

[netlify]

✅ Deploy Preview for ripple-docs canceled.

Name	Link
🔨 Latest commit	81d8bb7
🔍 Latest deploy log	https://app.netlify.com/sites/ripple-docs/deploys/6757a22b98a97500086bfc3a

[cypress]

ripple-framework    Run #2468

Run Properties:   Passed #2468  •  0dc217847b: feat(@dpc-sdp/ripple-ui-forms): display items in the order they're selected

Project	ripple-framework
Branch Review	feature/dropdown-combobox
Run status	Passed #2468
Run duration	10m 06s
Commit	0dc217847b: feat(@dpc-sdp/ripple-ui-forms): display items in the order they're selected
Committer	David Featherston
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	1
Pending	0
Skipped	0
Passing	214
View all changes introduced in this branch ↗︎

[waitingallday]

It all works 😄 I'm sure this has been done to death, but the only issue I have is with the ordering of selected elements - I would prefer it to list them in order of selection instead of sticking to list order. I'm sure there are reasons though.

[lambry]

It all works 😄 I'm sure this has been done to death, but the only issue I have is with the ordering of selected elements - I would prefer it to list them in order of selection instead of sticking to list order. I'm sure there are reasons though.

@waitingallday Yeah that's just how the drop-downs currently work, but I think appearing in the order you selected would be better as well. I'll suggest it on the ticket.

[dylankelly]

Another suggestion I'd make is to clear the search text input when you make a selection. At the moment you need to delete your input to make another search

9dvzuz.mp4

[jeffdowdle]

👏 👏 👏

[lambry]

Another suggestion I'd make is to clear the search text input when you make a selection. At the moment you need to delete your input to make another search
9dvzuz.mp4

Hey @dylankelly, I can see both ways here.
For example, say you had a dropdown with several items relating to education, you type 'edu' then want to select the three related results, in this instance clearing the input would mean you would have to redo your search two more times, It's a trade off either way though.

Also @waitingallday options now display in the order which they were selected. 👍

Cheers