DEV Community

Discussion on: How to style Draft.js editor

Collapse
 
lvdang profile image
lvdang • Edited

Thanks for the article. I tried to add the 'overflow-y: auto' with height: 50px from draftjs.org however when hitting 'Enter' the scroll doesn't follow but on your example it does. What am I doing wrong here. Refer to the bottom right with the 'overflow-y: auto' and height: 50px modification.

Collapse
 
tumee profile image
Tuomo Kankaanpää

Hi Ivdang! Could you share e.g. a codesandbox link with your code and I can take a look :)

Collapse
 
lvdang profile image
lvdang

Tuoma,

Sorry for the late response. I am going to attempt this with draft-js-plugins-editor. My project is wrapped in this library. If you have tried already please let me know.

Thanks,
Luan Dang

Thread Thread
 
lvdang profile image
lvdang

Tuoma,

I figured out my issue. I had position: relative in my draftjs blocks and imported Draft.css, this caused me issue. I decided to use display: flex and changed position: static since Draft.css sets DraftEditor-root to position : relative. Thanks again.

Luan

Thread Thread
 
tumee profile image
Tuomo Kankaanpää

Great to hear that you got it working!