I’m rendering a NodeView with a form inside.
While EditorView is in editable state, everything works correctly. But when I set editable: () => false
on the EditorView, all the form fields start to lose focus immediately after gaining it. That is, the form still registers events (e.g. if you click or Tab into a form field it correctly opens if it is a select or gets checked if it is a checkbox etc.) but then the field immediately loses focus, so it becomes impossible to type anything into inputs or textareas.
My use case is to have several forms like this embedded in-between the free-form text, and depending on the user role either allow both to edit the free form text and to fill-in forms (which works correctly) or allow the user to only fill-in forms without being able to edit the free-form text (to achieve this I’m setting edtiable to false, but then the fields start losing focus).