无法编辑输入(material-ui & react-draggable)



我无法在 TextField 中输入输入,该输入循环覆盖在反应状态下存在的数组上。

请按照代码沙盒网址查看代码。您可以在不输入任何输入的情况下继续第一页,因为我在代码级别为方便起见进行了处理。

代码沙盒网址

看起来react-draggable导致它。

当我尝试专注于您的输入时,我注意到了这一点,并在正文中添加了一类react-draggable

尝试enableUserSelectHack组件Draggable上添加 prop 并将其设置为false,看看这是否能解决您的问题。似乎是一个已知问题。

<Draggable enableUserSelectHack={false} ...

现在只需以这种方式使用输入类设置属性cancel就足够了:

<Draggable cancel=".class-of-input">

如果它的目的是几个元素单击或焦点交互,那么:

<Draggable cancel=".class-first, .class-second, ...">

最新更新