0

https://codesandbox.io/s/Op8BoLzQ

If you click on the first line, the editor cursor will show, but if you click on blank space below, nothing will happen.

I've tried to set min-height to height, now it is acting correctly regarding this issue, but the content is not auto-resizable anymore.

Fate Riddle
  • 364
  • 1
  • 3
  • 15

1 Answers1

0

Yes. The problem is that the part of the editor that's contentEditable is only one line right now, here's a screenshot to illustrate which part of the editor is the dom node with contentEditable set to true.

enter image description here

Instead, if you want to make the area of the editable interface larger, you need to style .public-DraftEditor-content

I've forked the sandbox to show this

That fixes the issue.

Julian Krispel-Samsel
  • 7,512
  • 3
  • 33
  • 40