[Javascript] Vuetify Dialog導致其內組件獲取焦點(focus)失效問題

vuetify Dialogs prop
https://vuetifyjs.com/en/getting-started/quick-start

在Vue中使用Tinymce5遇到的問題記錄
http://makeup1122.github.io/2019/09/25/vue-tinymce5/

Vuetify Dialogs prop: retain-focus
Tab focus will return to the first child of the dialog by default. Disable this when using external tools that require focus such as TinyMCE or vue-clipboard.

如果tinymce-vue元件在多層dialog框中調用,會出現部分帶有輸入框的外掛程式無法獲取焦點從而無法輸入內容的情況,因為大部分模態(modal)視窗阻止來獲取焦點的行為。可以根據相應的框架進行調整。用VuetifyJS的Dialog元件,元件提供的retain-focus參數即可解決以上問題。


#Javascript, Vuetify, dialog, focus, 組件, 焦點, 失效

留言