语义UI反应-下拉菜单中的输入不允许空格

问题描述 投票:0回答:1

我有一个带有嵌套文本输入的下拉菜单。在将onClick={event => event.stopPropagation()}添加到输入后,我可以选择一个输入并键入,但是,一旦按下空格键,下拉列表就会关闭。

我已经计算出,在下拉列表中添加multiplecloseOnChange={false}会使下拉列表保持打开状态,但是不会触发输入的onChange,这意味着不会在字符串中添加空格,并且会有效地导致暂时没有

我创建了一支简单的笔来显示可能会发现的问题here

semantic-ui-react
1个回答
0
投票

快速而又肮脏的解决方案是添加]

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

Input

© www.soinside.com 2019 - 2024. All rights reserved.