如果单击“空格”,Draft.js <editor>将不会做出反应。

时间:2017-06-20 01:47:48

标签: reactjs draftjs

https://codesandbox.io/s/Op8BoLzQ

如果单击第一行,编辑器光标将显示,但如果单击下面的空白区域,则不会发生任何事情。

我尝试将min-height设置为height,现在它在这个问题上表现正确,但内容不再可以自动调整大小。

1 个答案:

答案 0 :(得分:0)

是。问题是编辑器中contentEditable的部分现在只有一行,这里是一个屏幕截图,用于说明编辑器的哪一部分是contentEditable设置为true的dom节点。 / p>

enter image description here

相反,如果您想要使可编辑界面的区域更大,则需要设置样式.public-DraftEditor-content

I've forked the sandbox to show this

这解决了这个问题。