Hello guys. I'm trying to use Draft.js, however sometimes the cursor jumps to the beginning of the line. Has anyone managed to make it work properly? Is there a WYSIWYG component that works "out of the box" with reagent?

@jlucas.nsilva that’s a common issue

2 useful links are https://github.com/reagent-project/reagent/issues/265#issuecomment-397895508 and https://github.com/reagent-project/reagent/blob/e53be656073af9209c4fe8bc9119635953311d42/examples/material-ui/src/example/core.cljs#L34

this was addressing the same sort of issue when using MUI component for text input

but it can be twisted to other components with the problem from what I’ve seen

@jlucas.nsilva Perhaps roughly this outline https://gist.github.com/mrrodriguez/721963b37e8afc53ce6d06b8e58907ff

Thank you, @mikerod. I've being working with Material UI, my problem with Draft.js is that

I couldn't find a way to make reagent draw the root component (which is not a 'input' element).

@jlucas.nsilva you may need to do a form-3 style component, but not sure what you have setup

but still, I don’t think I’d know enough of what you have to help without an example I think

I’ve worked with ace editor in reagent before by using a form-3 component. I don’t believe the cursor jumping was an issue, but I think it was uncontrolled at the text level

I see. I'll try it. Thank you very much, @mikerod.