Tengo un problema con el diálogo vuetify y el editor tinymce. Cuando abro el cuadro de diálogo con el editor, el editor no funciona según lo previsto, especialmente los complementos como Editar código fuente o Insertar código de muestra. Cuando abro uno de ellos (uno de los complementos), no puedo concentrarme en el área de texto creada por el complemento, se enfoca cada vez en la entrada del cuadro de diálogo.
Adjunté aquí (codesandbox) el código de ejemplo de trabajo. La descripción completa está en su página de problemas de Github .
¿Alguna idea de cómo solucionar el problema?
Gracias
El problema aquí es que Vuetify (y muchas otras implementaciones de diálogo modal) atraparán el foco dentro del diálogo y evitarán que se mueva a otras ventanas emergentes, como las que usa TinyMCE. Para deshabilitar esto, deberá agregar el apoyo retain-focus
como se indica en la documentación: https://vuetifyjs.com/en/api/v-dialog/#props
Aquí hay un codesandbox de trabajo: https://codesandbox.io/embed/tinymce-vue-forked-ec670?file=/src/App.vue