Choices-js/Choices

classNames spaces

justivan opened this issue · 0 comments

Describe the bug
some of classNames do not allow space

To Reproduce
Steps to reproduce the behavior:

  1. just add space after the existing class
    classNames: { containerOuter: "choices ", containerInner: "choices__inner ", input: "choices__input", // does not allow spaces inputCloned: "choices__input--cloned ", list: "choices__list", // does not allow spaces listItems: "choices__list--multiple ", listSingle: "choices__list--single ", listDropdown: "choices__list--dropdown", // does not allow spaces item: "choices__item ", itemSelectable: "choices__item--selectable", // does not allow spaces itemDisabled: "choices__item--disabled ", itemChoice: "choices__item--choice ", placeholder: "choices__placeholder", // does not allow spaces group: "choices__group" , groupHeading: "choices__heading ", button: "choices__button ", activeState: "is-active ", focusState: "is-focused ", openState: "is-open ", disabledState: "is-disabled", // does not allow spaces highlightedState: "is-highlighted", // does not allow spaces selectedState: "is-selected", // does not allow spaces flippedState: "is-flipped ", loadingState: "is-loading", // does not allow spaces noResults: "has-no-results ", noChoices: "has-no-choices ", },

Expected behavior
Accepts the added classes without errors

Screenshots
image

Desktop (please complete the following information):

  • All browsers

Additional context
This was already raised before but I can't find anything that fixed the issue.