discourse/app/assets/stylesheets/common/components/_index.scss
Kelv 0fa102b838
Some checks are pending
Licenses / run (push) Waiting to run
Linting / run (push) Waiting to run
Publish Assets / publish-assets (push) Waiting to run
Tests / core backend (push) Waiting to run
Tests / plugins backend (push) Waiting to run
Tests / core frontend (Chrome) (push) Waiting to run
Tests / plugins frontend (push) Waiting to run
Tests / themes frontend (push) Waiting to run
Tests / core system (push) Waiting to run
Tests / plugins system (push) Waiting to run
Tests / themes system (push) Waiting to run
Tests / core frontend (Firefox ESR) (push) Waiting to run
Tests / core frontend (Firefox Evergreen) (push) Waiting to run
Tests / chat system (push) Waiting to run
Tests / merge (push) Blocked by required conditions
UX: overhaul of GroupSelector with Floatkit (#34685)
This PR modernizes the GroupSelector component by migrating from the
legacy jQuery autocomplete to FloatKit’s DMultiSelect component.

### Changes
* Migrated GroupSelector from an Ember Classic component to Glimmer
component
* Replaced jQuery-based autocomplete with FloatKit’s DMultiSelect
component which handles search
* New scroll-into-view modifier for smooth keyboard navigation (can be
used later to replace d-autocomplete's similar functionality)
* Improved FloatKit's `size` middleware option handling to allow passing
through both minWidth and width props
* Selected items are dynamically removed from dropdown options (no
duplicates)
2025-09-18 15:33:52 +08:00

76 lines
2 KiB
SCSS
Vendored

@import "ac-wrap";
@import "ace-editor";
@import "autocomplete";
@import "badges";
@import "banner";
@import "d-breadcrumbs";
@import "d-page-header";
@import "d-stat-tiles";
@import "bookmark-list";
@import "bookmark-modal";
@import "bookmark-menu";
@import "buttons";
@import "d-select";
@import "color-input";
@import "char-counter";
@import "conditional-loading-section";
@import "calendar-date-time-input";
@import "composer-toggle-switch";
@import "convert-to-public-topic-modal";
@import "d-autocomplete";
@import "d-toggle-switch";
@import "date-input";
@import "date-picker";
@import "date-time-input-range";
@import "date-time-input";
@import "drafts-dropdown-menu";
@import "empty-states";
@import "file-size-input";
@import "footer-nav";
@import "form-template-field";
@import "group-member-dropdown";
@import "group-selector";
@import "groups-form-membership-fields";
@import "hashtag";
@import "horizontal-overflow-nav";
@import "iframed-html";
@import "ignored-user-list";
@import "keyboard_shortcuts";
@import "load-more";
@import "more-topics";
@import "navs";
@import "offline-indicator";
@import "pick-files-button";
@import "powered-by-discourse";
@import "post-translations";
@import "relative-time-picker";
@import "add-pm-participants";
@import "download-calendar";
@import "sidebar/edit-navigation-menu/categories-modal";
@import "sidebar/edit-navigation-menu/modal";
@import "sidebar/edit-navigation-menu/tags-modal";
@import "signup-progress-bar";
@import "svg";
@import "table-layout";
@import "tap-tile";
@import "theme-card";
@import "time-input";
@import "time-shortcut-picker";
@import "topic-map";
@import "topic-query-filter";
@import "user-card";
@import "user-info";
@import "user-status-message";
@import "user-status-picker";
@import "user-stream-item";
@import "user-stream";
@import "post-list";
@import "widget-dropdown";
@import "welcome-header";
@import "notifications-tracking";
@import "emoji-picker";
@import "filter-input";
@import "filter-navigation";
@import "dropdown-menu";
@import "welcome-banner";
@import "d-multi-select";