• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
    • Questions
    • Teachers
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

172
Views
Tinymce, Vuetify dialog, can't write in source code editor or insert code sample

I have a problem with vuetify dialog and tinymce editor. When I open the dialog with the editor in it, the editor does not work as intended, especially the plugins like Edit source code or Insert code sample. When I open one of them (one of the plugins) I can't focus on the textarea created by the plugin it focuses every time on the input from the dialog

I attached here (codesandbox) the working example code. Full description is on their Github issue page.

Any ideas how to fix the problem?

Thank you

almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

The problem here is that Vuetify (and many other modal dialog implementations) will trap the focus within the dialog and prevent it moving to any other popups, such as those used by TinyMCE. To disable this you'll need to add the retain-focus prop as noted in the documentation: https://vuetifyjs.com/en/api/v-dialog/#props

Here's a working codesandbox: https://codesandbox.io/embed/tinymce-vue-forked-ec670?file=/src/App.vue

almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error