como dice el título, Jodit Component en reaccionar funciona bien si no está dentro de un cuadro de diálogo, pero si está dentro de un cuadro de diálogo, las ventanas emergentes no se pueden enfocar y están detrás del cuadro de diálogo en sí, lo que las hace inaccesibles.

 const Example = ({}) => { const editor = useRef(null); const [content, setContent] = useState(""); const config = { readonly: false // all options from https://xdsoft.net/jodit/doc/ }; function mod(){ document.getElementById('modal').showModal() } return ( <div> <button onClick={(e)=>mod()}>open dialog</button> <dialog id='modal' > <form method='dialog'> <JoditEditor ref={editor} value={content} config={config} tabIndex={1} // tabIndex of textarea onBlur={(newContent) => setContent(newContent)} // preferred to use only this option to update the content for performance reasons onChange={(newContent) => {}} /> </form> </dialog> </div> ); } export default Example;

una captura de pantalla de cuando intento insertar una tabla

como puede ver, la ventana emergente de la tabla se muestra detrás del cuadro de diálogo, no estoy seguro de cómo solucionarlo.