multiselect-react-dropdown icon indicating copy to clipboard operation
multiselect-react-dropdown copied to clipboard

disable searching / prevent from displaying keyboard

Open piotrrussw opened this issue 4 years ago • 4 comments

Is there any way to add option to disable input search for multiselect? Or is there working approach with current options?

piotrrussw avatar Mar 18 '21 14:03 piotrrussw

would be interested in this , too. A way to set showSearchBox={false}

pablowbk avatar Dec 02 '22 18:12 pablowbk

I passed this prop to <Multiselect /> and

onKeyPressFn={(e) => e.preventDefault()}

this className to inputField

   cursor: "pointer",
   caretColor: "transparent"

@pablowbk @piotrrussw

manish-basargekar avatar Feb 06 '24 15:02 manish-basargekar

Not helped to me, on mobile for some reason it still appears:

<Multiselect  id="test222"
          onKeyPressFn={(e: any) => e.preventDefault()}
          displayValue={props.displayValue ?? "key"}
          hideSelectedList={props.hideSelectedList ?? false}
          onRemove={props.onRemove ?? function noRefCheck() {}}
          onSearch={props.onSearch ?? function noRefCheck() {}}
          avoidHighlightFirstOption={props.avoidHighlightFirstOption ?? true}
          placeholder={props.placeholder}
          onSelect={props.onSelect ?? function noRefCheck() {}}
          options={props.options}
          selectedValues={props.selectedValues}
          showCheckbox
          showArrow
          customArrow={
            <img
              src="/assets/img/icon/arrow-down.svg"
              alt="Select values from dropdown menu"
            />
          }
/>

alexeysilyuk avatar Mar 25 '24 08:03 alexeysilyuk

Seems like onKeyPress is a bug on mobile chrome, can you try onKeyUp or any other similar func for mobile? @alexeysilyuk https://stackoverflow.com/questions/22473950/keypress-event-not-firing-in-android-mobile

manish-basargekar avatar Mar 25 '24 15:03 manish-basargekar