Semanti c UI React - вход в выпадающий список не позволяет места

Question

У меня выпадающий список с вложенными текстовыми вводами. После добавления onClick={event => event.stopPropagation()} к входам я могу выбрать вход и ввести его, однако, как только я нажимаю пробел, раскрывающийся список закрывается.

Я установил, что добавление multiple или closeOnChange={false} к раскрывающемуся списку сохраняет раскрывающийся список, однако onChange ввода не запускается, что означает, что пробел не добавляется в строку и это эффективно приводит к oop.

Я создал простую ручку, чтобы показать проблему, которую можно найти здесь .

Answer 1

Быстрое и грязное решение было бы добавить

    onKeyUp = {(e) => {
      if (e.keyCode === 32) {
        e.target.value = e.target.value + " " 
        e.stopPropagation()}
      }
    }

к Input