[Vuejs]-CKEDITOR link focus bug vue/vuetify

by

3👍

Actually this solution isn’t from me, I stumbled upon it by facing the same problem.

Vuetify Dialog steals Focus from rest so Use this Code in v-dialog

:retain-focus="false"

and the fields and dialog and text fields will not steal the focus within Dialog.

and if you are not able to see you balloon toolbar. Use below CSS in your main CSS file and import it in your App.js.

body {
  /* We need to assaign this CSS Custom property to the body instead of :root, because of CSS Specificity and codepen stylesheet placement before loaded CKE5 content. */
  --ck-z-default: 3100;
  --ck-z-modal: calc( var(--ck-z-default) + 3999 );
}

above is specified only for Vue/Vuetify. hope it solves your problem as well.

👤Waseem Arif

Leave a comment