无法编辑输入(material-ui & react-draggable)
Unable to edit input (material-ui & react-draggable)
我无法在 TextField 中输入输入,该输入循环遍历处于反应状态的数组。
请按照codesandbox url查看代码。 您可以在不输入任何内容的情况下继续第一页,因为为了方便起见,我已经在代码级别进行了处理。
看起来是 react-draggable
造成的。
我在尝试关注您的输入时注意到了这一点,正文中添加了 react-draggable
的 class。
尝试在 Draggable
组件上添加 enableUserSelectHack
属性并将其设置为 false,看看是否能解决您的问题。好像是known issue.
<Draggable enableUserSelectHack={false} ...
现在只要用输入 class 设置 属性 cancel
就足够了:
<Draggable cancel=".class-of-input">
如果是针对多个元素点击或焦点交互,则:
<Draggable cancel=".class-first, .class-second, ...">
我无法在 TextField 中输入输入,该输入循环遍历处于反应状态的数组。
请按照codesandbox url查看代码。 您可以在不输入任何内容的情况下继续第一页,因为为了方便起见,我已经在代码级别进行了处理。
看起来是 react-draggable
造成的。
我在尝试关注您的输入时注意到了这一点,正文中添加了 react-draggable
的 class。
尝试在 Draggable
组件上添加 enableUserSelectHack
属性并将其设置为 false,看看是否能解决您的问题。好像是known issue.
<Draggable enableUserSelectHack={false} ...
现在只要用输入 class 设置 属性 cancel
就足够了:
<Draggable cancel=".class-of-input">
如果是针对多个元素点击或焦点交互,则:
<Draggable cancel=".class-first, .class-second, ...">