Unverified Commit 719538d0 authored by Yassine Doghri's avatar Yassine Doghri
Browse files

fix(multiselect): add missing class names in choices options for purge to work properly 

Multiselect options wouldn't show up in production environment because of purgecss removing state
classes.
parent 6303e719

app/Views/_assets/modules/MultiSelect.ts

+11 −0
Original line number Diff line number Diff line
@@ -23,6 +23,7 @@ const MultiSelect = (): void => { 
        inputCloned: "multiselect__input--cloned",

        list: "multiselect__list",

        listItems: "multiselect__list--multiple",

        listSingle: "multiselect__list--single",

        listDropdown: "multiselect__list--dropdown",

        item: "multiselect__item",

        itemSelectable: "multiselect__item--selectable",
@@ -32,6 +33,16 @@ const MultiSelect = (): void => { 
        group: "multiselect__group",

        groupHeading: "multiselect__heading",

        button: "multiselect__button",

        activeState: "is-active",

        focusState: "is-focused",

        openState: "is-open",

        disabledState: "is-disabled",

        highlightedState: "is-highlighted",

        selectedState: "is-selected",

        flippedState: "is-flipped",

        loadingState: "is-loading",

        noResults: "has-no-results",

        noChoices: "has-no-choices",

      },

    });

  }

app/Views/_assets/styles/multiSelect.css

+5 −4
Original line number Diff line number Diff line 
@layer components {

/*===============================

=          MultiSelect          =

===============================*/



@layer components {

  .multiselect {

    @apply relative;
@@ -177,6 +178,6 @@ 
  .multiselect__placeholder {

    @apply opacity-50;

  }



  /*=====  End of Choices  ======*/

}



/*=====  End of Multiselect  ======*/