kolkov/angular-editor

Angular-editor font dropdown flickering issue

Opened this issue · 1 comments

  1. When navigating from component A to Component B (Component B has an editor implemented there), Angular editor fonts dropdown is flickering upon opening.
    Note: But after navigating to component B, if I refresh the page then fonts dropdown is working fine.

Attaching the image for your reference
image

Editor config:
editorConfig: AngularEditorConfig = {
editable: true,
spellcheck: true,
height: '10rem',
minHeight: '5rem',
placeholder: 'Enter text here...',
translate: 'no',
defaultParagraphSeparator: 'p',
defaultFontName: 'Arial',
toolbarHiddenButtons: [['bold'], ['backgroundColor']],
sanitize: true,
};
Tried options:

  1. Commented the global CSS font code which used *{} for applying fonts.
  2. Also tried defining font array with class, still didn't work.

Any help is appreciated. Thanks in advance.

I have posted comments on issue #499. Please refer to them for more information.