feat: Dropdown multi-select with filter chips, filterable support, Select All, and standalone MultiSelect component by Copilot · Pull Request #3750 · GovAlta/ui-components

Copilot · 2026-04-01T21:07:09Z

Before (the change)

Dropdown multiselect mode had a small checkmark icon in selected items
No standalone multi-select component existed; multiselect was only available as a prop on goa-dropdown

After (the change)

Checkmark icon size increased (background-size: 0.625rem → 0.875rem) in multiselect dropdown items to match the standalone checkbox component
Dropdown multiselect mode: selected values always render as removable filter chips below the input; filterable + multiselect supported simultaneously; "Select All" at top of list (hidden while filtering); native + multiselect unsupported state prevented; Angular array value round-tripping fixed via JSON.stringify
New standalone goa-multi-select / GoabMultiSelect component added as a second option for developers — same multiselect behaviour (filter chips, Select All, filterable mode) but as a dedicated component using goa-multi-select-option / GoabMultiSelectItem child elements
React and Angular wrappers provided for the new component and exported from their respective index files
Playground at /features/3596 updated with an "Option B" section demonstrating the new standalone component

Make sure that you've checked the boxes below before you submit the PR

I have read and followed the setup steps
I have created necessary unit tests
I have tested the functionality in both React and Angular.

Steps needed to test

Run the React playground: npm run serve:prs:react
Navigate to /features/3596
Option A (Dropdown multiselect): Verify Tests 1–4 — pre-selected chips, chip removal, Select All toggle, and filterable multiselect
Option B (Standalone MultiSelect): Verify MultiSelect Tests 1–3 — basic chip selection, pre-selected values, and filterable mode using GoabMultiSelect + GoabMultiSelectItem

…boxes - Remove @internal from multiselect prop and expose it publicly - Add _selectedValues reactive property for tracking active multi-selections - Add _inputCursor computed property for cleaner cursor style logic - Fix onSelect() to toggle items in multiselect mode and keep menu open - Fix setDisplayedValue() to show label (1 item) or "N selected" (2+ items) - Fix reset() to clear all values and dispatch values: [] in multiselect mode - Update clear button to appear when _selectedValues.length > 0 - Update keyboard handlers (Enter) to keep menu open in multiselect mode - Add checkbox visual indicator (dropdown-item-checkbox span) per list item - Set aria-multiselectable on the listbox ul in multiselect mode - Fix aria-selected and class:selected to use _selectedValues for multiselect - Use --goa-checkbox-* design tokens for checkbox indicator styling - Update Angular _onChange to emit values[] via fcChange in multiselect mode - Add multiselect to DropdownWrapper.test.svelte and 6 new tests - Add feat3596.tsx playground page with 3 test cases - Wire playground into main.tsx and app.tsx nav Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/fcd04638-6342-4f47-82d8-dbb7d5c23f5d Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Selected items in multiselect mode now have no fill; the checkbox alone indicates selection. Hover/highlight still shows the standard hover token, keeping the interactive feel without obscuring the checkbox. Closes #3596 Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/6f1ac1cf-0c83-4d38-afcc-aba08e73bf6e Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

@input

… dropdown Adds a `showchips` prop (default false). When enabled on a multiselect dropdown, a row of removable `goa-filter-chip` elements is rendered below the input — one per selected value. Clicking the close icon on a chip deselects that value and dispatches a `_change` event with the updated `values` array. - Svelte: new `showchips` prop + `onChipRemove` function + template + CSS - React wrapper: `showChips` boolean prop - Angular wrapper: `showChips` @input - Unit tests: render/hide/deselect via chip removal Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/c0972c95-92d7-49f1-b5b5-fca08eb82fe4 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

bdfranck · 2026-04-01T21:56:56Z

@copilot I looked at the latest changes on the playgrond page, feat3596.tsx. I don't see the selected items as filter chips. Any idea why?

…ected values Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/74171354-0e09-452d-8348-cbc696098aa1 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Copilot · 2026-04-01T22:00:08Z

@copilot I looked at the latest changes on the playgrond page, feat3596.tsx. I don't see the selected items as filter chips. Any idea why?

<img width="295" height="164" alt="image" src="https://g...

The playground page wasn't using the showChips prop — it was just rendering selected values as plain text. Updated the page (commit 26680ae) to use showChips={true} on the dropdowns. Test 1 now pre-selects Apple/Banana/Cherry so the chip row is visible on load, and Test 2 starts empty to let you verify chips appear as you select items. Expected result matches the design reference — one removable chip per selected value below the input.

Copilot

Pull request overview

This PR adds optional “selected value chips” to the multiselect variant of the Dropdown component across the web component, React wrapper, and Angular wrapper, plus a React playground route to demo the behavior.

Changes:

Expose multiselect behavior on the web component and add a showchips/showChips option to render removable goa-filter-chip elements for selected values.
Update change-event handling and add unit tests for multiselect selection, clear-all behavior, and chip rendering/removal.
Wire the new prop through React/Angular wrappers and add a playground feature route (/features/3596) demonstrating the feature.

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated 5 comments.

Show a summary per file

File	Description
libs/web-components/src/components/dropdown/DropdownWrapper.test.svelte	Test wrapper updated to pass through `multiselect` and `showchips` and to handle `_change` details containing either `value` or `values`.
libs/web-components/src/components/dropdown/Dropdown.svelte	Implements multiselect selection toggling, optional chip rendering/removal, and associated UI/ARIA updates.
libs/web-components/src/components/dropdown/Dropdown.spec.ts	Adds multiselect + chips unit tests (ARIA, selection toggling, event details, clear-all, chip behaviors).
libs/react-components/src/lib/dropdown/dropdown.tsx	Adds `showChips` prop and forwards it to the web component as `showchips`.
libs/angular-components/src/lib/components/dropdown/dropdown.ts	Adds `showChips` input/attribute forwarding and updates `_change` handling for multiselect `values`.
apps/prs/react/src/routes/features/feat3596.tsx	New playground page demonstrating multiselect with and without `showChips`.
apps/prs/react/src/main.tsx	Registers the new `/features/3596` route.
apps/prs/react/src/app/app.tsx	Adds a side menu entry to navigate to the new feature route.

Copilot · 2026-04-01T22:52:14Z

libs/web-components/src/components/dropdown/Dropdown.svelte

  }

+  // Sync input display value when multiselect selections change externally
+  $: if (_multiselect && _inputEl) {


The reactive statement meant to keep the displayed input value in sync for multiselect doesn’t actually re-run when selections change, because it only depends on _multiselect and _inputEl (not value, _values, or _selectedValues). As a result, programmatic/external updates to value after mount can leave the input summary stale. Make this reactive statement depend on _values/_selectedValues (or value) so setDisplayedValue() runs whenever the multiselect selection changes.

Suggested change

$: if (_multiselect && _inputEl) {

$: if (_multiselect && _inputEl && _selectedValues) {

Copilot · 2026-04-01T22:52:15Z

libs/web-components/src/components/dropdown/Dropdown.svelte

+  function onChipRemove(chipValue: string) {
+    const newValues = _selectedValues.filter((v) => v !== chipValue);
+    _isDirty = true;
+    value = newValues.length > 0 ? JSON.stringify(newValues) : "";
+    dispatch(_rootEl, "_change", { name, values: newValues }, { bubbles: true });
+    _isDirty = false;
+    syncFilteredOptions();
+    setDisplayedValue();
+  }


onChipRemove updates selection and dispatches _change even when the dropdown is disabled. Since disabled controls should not allow user-initiated value changes, guard this handler with _disabled (and/or render chips in a non-interactive state when disabled).

Copilot · 2026-04-01T22:52:15Z

libs/web-components/src/components/dropdown/Dropdown.svelte

  $: _disabled = toBoolean(disabled);
  $: _multiselect = toBoolean(multiselect);
  $: _native = toBoolean(native);
  $: _filterable = toBoolean(filterable) && !_native;

+  // Tracks the filtered (non-empty) selected values for multiselect mode
+  $: _selectedValues = _multiselect ? _values.filter((v) => v !== "") : [];
+  $: _showChips = _multiselect && toBoolean(showchips);
+


filterable remains enabled in multiselect mode (_filterable doesn’t account for _multiselect), but the input is forced readonly when _multiselect is true. This combination can break filtering logic (e.g., _inputEl.value becomes "N selected" and syncFilteredOptions() will filter against that). Either explicitly disable filtering when multiselect is enabled (set _filterable false / ignore filterable), or allow typing/filtering in multiselect by removing the readonly restriction and adjusting display behavior.

Copilot · 2026-04-01T22:52:15Z

libs/web-components/src/components/dropdown/Dropdown.svelte

  $: _disabled = toBoolean(disabled);
  $: _multiselect = toBoolean(multiselect);
  $: _native = toBoolean(native);
  $: _filterable = toBoolean(filterable) && !_native;



native + multiselect currently produces an unsupported/broken state (native template renders a single-select <select> and selection logic assumes a single value), but _multiselect is still allowed when _native is true. Consider preventing this combination (e.g., _multiselect = toBoolean(multiselect) && !_native and/or log a clear warning) or implementing true native multiselect support.

Copilot · 2026-04-01T22:52:15Z

libs/angular-components/src/lib/components/dropdown/dropdown.ts

  _onChange(e: Event) {
    const detail = { ...(e as CustomEvent<GoabDropdownOnChangeDetail>).detail, event: e };
-    // Keep local value in sync with emitted detail
-    this.value = detail.value || null;
    this.onChange.emit(detail);

    this.markAsTouched();
-    this.fcChange?.(detail.value || "");
+    if (this.multiselect && detail.values !== undefined) {
+      // Keep local value in sync for multiselect
+      this.value = detail.values;
+      this.fcChange?.(detail.values);
+    } else {
+      // Keep local value in sync with emitted detail
+      this.value = detail.value || null;
+      this.fcChange?.(detail.value || "");
+    }


In multiselect mode, _onChange assigns this.value = detail.values (an array). The template binds [value]="value" to the web component, but the web component expects a string (JSON) and will mis-parse an array (it ends up as a single value like "red,blue"). This will also break Angular forms round-tripping. Keep value as the JSON string for the web component (or bind a stringified value), and override writeValue/convertValueToString so string[] values are JSON.stringify’d when sent to the web component.

Fixed in commit efecefd. The Angular _onChange now stores JSON.stringify(detail.values) for this.value (so [value]="value" passes a JSON string to the web component), while fcChange?.(detail.values) still passes the raw array to Angular forms. Added convertValueToString and writeValue overrides to handle array values written back by Angular forms (e.g., setValue(['red', 'blue'])). The showChips prop has been removed — chips always show in multiselect mode.

bdfranck · 2026-04-02T14:52:48Z

@copilot apply changes based on the comments in this thread

Also, remove the option to show the selected items in text. Let's only show them as filter chips.

…ct, fix Angular array value handling Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/f6a23f60-674e-47d0-9fdd-a2bdb4d46322 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

…d writeValue logic Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/f6a23f60-674e-47d0-9fdd-a2bdb4d46322 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Copilot · 2026-04-02T15:07:34Z

@copilot apply changes based on the comments in this thread

Also, remove the option to show the selected items in ...

Done in commit efecefd (and follow-up cleanup in 359b95f). Changes applied:

showChips prop removed — chips always show in multiselect mode; no opt-in needed.
Reactive dependency fixed — _selectedValues is explicitly referenced in the reactive block so the input summary stays in sync with external value changes.
onChipRemove disabled guard — chips no longer dispatch changes when the dropdown is disabled.
filterable disabled in multiselect — prevents filter logic from conflicting with the readonly multiselect input (_filterable = toBoolean(filterable) && !_native && !_multiselect).
native + multiselect unsupported state prevented — _multiselect = toBoolean(multiselect) && !_native.
Angular array value handling fixed — _onChange stores JSON.stringify(detail.values) for the DOM property binding while passing the raw array to fcChange for Angular forms. Added convertValueToString and writeValue overrides to handle string[] values from Angular forms round-trips.
Playground updated — showChips prop removed from all dropdowns; text-based selected display removed.

bdfranck · 2026-04-02T21:06:49Z

@copilot Does this work with the filterable property? Can I filter a list of options? If so, add it to the examples to demo. If not, add the functionality.

…s show selections Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/506c4da1-bb99-46d6-9c11-56c88f5b1cf1 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

…all-options assertions Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/506c4da1-bb99-46d6-9c11-56c88f5b1cf1 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Copilot · 2026-04-02T21:13:53Z

@copilot Does this work with the filterable property? Can I filter a list of options? If so, add it to the examples to demo. If not, add the functionality.

Filterable multiselect now works — added in commit e5683bb. When both multiselect and filterable are set, the input is writable so the user can type to narrow the list. After each selection the input clears (so you can search for the next item), and the chips below show what's selected. Added Test 4 to the playground at /features/3596 to demo this combination.

bdfranck · 2026-04-02T21:28:05Z

@copilot Add a "Select All" to the top of the multi-select filter list.

Checking it selects all items
Unchecking it deselects all items
Hide it when the list is being filtered
Check it when all items are selected
Uncheck it when not all items are selected

Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/216dc454-4203-4662-a185-578d818b6613 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

… selection in tests Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/216dc454-4203-4662-a185-578d818b6613 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Copilot · 2026-04-02T21:37:02Z

@copilot Add a "Select All" to the top of the multi-select filter list.

Checking it selects all items
...

Done in commit 9697f92. A "Select All" item now appears at the top of every multiselect menu:

Clicking it when no/partial items are selected → selects all and dispatches _change with all values
Clicking it when all items are selected → deselects all and dispatches _change with []
Checkbox appears checked (aria-selected="true") when all options are selected
Hidden while the user is typing to filter (filterable multiselect mode)

Four new unit tests cover all these behaviors, and the playground Test 1 & 2 descriptions have been updated to mention Select All.

bdfranck · 2026-04-02T21:47:31Z

@copilot Can we use the goa-checkbox in the multi select list? libs/web-components/src/components/checkbox/Checkbox.svelte If so, implement it. If not, give me a reason why it's best to stay with list items.

Copilot · 2026-04-02T21:49:09Z

@copilot Can we use the goa-checkbox in the multi select list? libs/web-components/src/components/checkbox/Checkbox.svelte If so, implement it. If not, give me a reason why it's best to stay with ...

It's technically possible but not recommended. Here are the three blocking reasons:

Event collision: goa-checkbox dispatches a _change event with { name, checked, value } using composed: true + bubbles: true, which crosses shadow DOM boundaries. This would bubble up to the same element where the dropdown dispatches its own _change event with { name, values: string[] }. Consumers listening to dropdown _change would see checkbox events leaking out unless we aggressively stop propagation everywhere — fragile and error-prone.
Focus management conflict: goa-checkbox.onChange() calls _checkboxRef.focus() on every toggle to move focus back to the checkbox. The dropdown needs focus to stay on _inputEl to keep the menu open and handle keyboard navigation. With goa-checkbox inside <li>, every selection would fight over focus, likely causing the menu to collapse or filter input to lose its cursor.
Visual output is identical: The current .dropdown-item-checkbox CSS uses the exact same design tokens as goa-checkbox — --goa-checkbox-size, --goa-checkbox-border, --goa-checkbox-border-radius, --goa-checkbox-color-bg, --goa-checkbox-color-bg-checked. The rendered output is pixel-for-pixel identical, so there's no visual benefit to switching.

Staying with the current lightweight <span class="dropdown-item-checkbox"> approach avoids all three issues while producing the same visual result.

Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/d27a1e9b-3dbd-44cf-80a8-d79f61039a5c Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

bdfranck · 2026-04-02T22:25:36Z

@copilot Let's add a second version to this PR: a completely new component for multi-select. Make a new Svelte component that has the same multi-select behaviour as the multiselect variation of the dropdown that we created. I want to show it to the developers as a second option.

…h React and Angular wrappers Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/7dabe415-4b8a-43c3-9201-87178e549f6c Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

…red value prop Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/7dabe415-4b8a-43c3-9201-87178e549f6c Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Copilot · 2026-04-02T22:37:16Z

@copilot Let's add a second version to this PR: a completely new component for multi-select. Make a new Svelte component that has the same multi-select behaviour as the multiselect variation of the ...

Done in commit 17c3f3d (cleanup in bed8ec8). Added a standalone goa-multi-select component as Option B:

New files:

libs/web-components/src/components/multi-select/MultiSelect.svelte — <goa-multi-select> custom element
libs/web-components/src/components/multi-select/MultiSelectOption.svelte — <goa-multi-select-option> child element
React wrappers: GoabMultiSelect + GoabMultiSelectItem
Angular wrappers: GoabMultiSelect + GoabMultiSelectItem

The new component has all the same multiselect behaviour as the dropdown variant:

Filter chips for selected values
"Select All" at the top (hidden while filtering)
Filterable mode (type to narrow the list)
Disabled/error states, compact size, margin props

The playground at /features/3596 now has an Option B section with three test cases: basic selection, pre-selected values, and filterable mode.

Initial plan

e99a091

Copilot AI assigned Copilot and bdfranck Apr 1, 2026

Copilot started work on behalf of bdfranck April 1, 2026 21:07 View session

Copilot AI linked an issue Apr 1, 2026 that may be closed by this pull request

Dropdown: multi-select #1223

Open

Copilot AI changed the title ~~[WIP] Add dropdown multi-select component with combo box functionality~~ feat: Dropdown multi-select Apr 1, 2026

Copilot finished work on behalf of bdfranck April 1, 2026 21:27

Copilot AI requested a review from bdfranck April 1, 2026 21:27

Copilot started work on behalf of bdfranck April 1, 2026 21:35 View session

Copilot finished work on behalf of bdfranck April 1, 2026 21:38

Copilot started work on behalf of bdfranck April 1, 2026 21:40 View session

Copilot finished work on behalf of bdfranck April 1, 2026 21:53

Copilot started work on behalf of bdfranck April 1, 2026 21:57 View session

feat(feat3596): update playground to demo showChips prop with pre-sel…

26680ae

…ected values Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/74171354-0e09-452d-8348-cbc696098aa1 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Copilot AI changed the title ~~feat: Dropdown multi-select~~ feat: Dropdown multi-select with filter chips Apr 1, 2026

Copilot finished work on behalf of bdfranck April 1, 2026 22:01

bdfranck requested a review from Copilot April 1, 2026 22:47

Copilot started reviewing on behalf of bdfranck April 1, 2026 22:47 View session

Copilot AI reviewed Apr 1, 2026

View reviewed changes

Copilot started work on behalf of bdfranck April 2, 2026 14:52 View session

Copilot AI and others added 2 commits April 2, 2026 15:02

fix(dropdown): fix code review issues, always show chips in multisele…

efecefd

…ct, fix Angular array value handling Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/f6a23f60-674e-47d0-9fdd-a2bdb4d46322 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

fix(dropdown): address code review feedback on reactive dependency an…

359b95f

…d writeValue logic Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/f6a23f60-674e-47d0-9fdd-a2bdb4d46322 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Copilot finished work on behalf of bdfranck April 2, 2026 15:09

Copilot started work on behalf of bdfranck April 2, 2026 21:06 View session

Copilot AI and others added 2 commits April 2, 2026 21:11

feat(dropdown): support filterable multiselect — type to filter, chip…

e5683bb

…s show selections Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/506c4da1-bb99-46d6-9c11-56c88f5b1cf1 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

test(dropdown): strengthen filterable multiselect test with chip and …

aa91ec2

…all-options assertions Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/506c4da1-bb99-46d6-9c11-56c88f5b1cf1 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Copilot AI changed the title ~~feat: Dropdown multi-select with filter chips~~ feat: Dropdown multi-select with filter chips and filterable support Apr 2, 2026

Copilot finished work on behalf of bdfranck April 2, 2026 21:14

Copilot started work on behalf of bdfranck April 2, 2026 21:28 View session

Copilot AI and others added 2 commits April 2, 2026 21:34

feat(dropdown): add Select All to multiselect dropdown menu

9697f92

Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/216dc454-4203-4662-a185-578d818b6613 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

refactor(dropdown): use dropdown-item--option class for semantic item…

1929ee4

… selection in tests Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/216dc454-4203-4662-a185-578d818b6613 Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Copilot AI changed the title ~~feat: Dropdown multi-select with filter chips and filterable support~~ feat: Dropdown multi-select with filter chips, filterable support, and Select All Apr 2, 2026

Copilot finished work on behalf of bdfranck April 2, 2026 21:38

chore: decrease space between chips

828ae3b

Copilot started work on behalf of bdfranck April 2, 2026 21:47 View session

Copilot finished work on behalf of bdfranck April 2, 2026 21:50

Copilot started work on behalf of bdfranck April 2, 2026 21:53 View session

fix: increase checkmark size in multiselect dropdown items

39e347e

Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/d27a1e9b-3dbd-44cf-80a8-d79f61039a5c Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Copilot finished work on behalf of bdfranck April 2, 2026 21:54

Copilot started work on behalf of bdfranck April 2, 2026 22:25 View session

Copilot AI and others added 2 commits April 2, 2026 22:34

feat(multi-select): add new standalone goa-multi-select component wit…

17c3f3d

…h React and Angular wrappers Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/7dabe415-4b8a-43c3-9201-87178e549f6c Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

fix(multi-select): address code review feedback — JSDoc format, requi…

bed8ec8

…red value prop Agent-Logs-Url: https://github.com/GovAlta/ui-components/sessions/7dabe415-4b8a-43c3-9201-87178e549f6c Co-authored-by: bdfranck <1479091+bdfranck@users.noreply.github.com>

Copilot AI changed the title ~~feat: Dropdown multi-select with filter chips, filterable support, and Select All~~ feat: Dropdown multi-select with filter chips, filterable support, Select All, and standalone MultiSelect component Apr 2, 2026

Copilot finished work on behalf of bdfranck April 2, 2026 22:38

	$: if (_multiselect && _inputEl) {
	$: if (_multiselect && _inputEl && _selectedValues) {

Conversation

Copilot AI commented Apr 1, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Before (the change)

After (the change)

Make sure that you've checked the boxes below before you submit the PR

Steps needed to test

Uh oh!

bdfranck commented Apr 1, 2026

Uh oh!

Copilot AI commented Apr 1, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Apr 1, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 1, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 1, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 1, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 1, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 2, 2026

Choose a reason for hiding this comment

Uh oh!

bdfranck commented Apr 2, 2026

Uh oh!

Copilot AI commented Apr 2, 2026

Uh oh!

bdfranck commented Apr 2, 2026

Uh oh!

Copilot AI commented Apr 2, 2026

Uh oh!

bdfranck commented Apr 2, 2026

Uh oh!

Copilot AI commented Apr 2, 2026

Uh oh!

bdfranck commented Apr 2, 2026

Uh oh!

Copilot AI commented Apr 2, 2026

Uh oh!

bdfranck commented Apr 2, 2026

Uh oh!

Copilot AI commented Apr 2, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Copilot AI commented Apr 1, 2026 •

edited

Loading