RichTextEditor wrong popup position in Material Dialog

[Peter Linecker]

Hello Syncfusion Team,

In my Website I am opening a Material Dialog where the RichTextEditor is embeded:

As soon as I scroll in my website and open it, the richtexteditor doesn't change the position of its popups:

In the forum I saw a similar question and he solved it by loading the rte.refreshUI() function. Sadly that is not working for my problem. I think it is because he was using the ejs dialog and not the material dialog.

Do you know how I can fix this without changing to the ejs dialog?

[Peter Linecker]

Hello,

I don't know yet if this will cause issues on other popups but I fixed it by putting "position: fixed;" into the css class ".e-popup".

Kind Regards, Peter

[Buvana Sathasivam]

Hi Peter, 

Greetings from Syncfusion support. 

We were unable to reproduce your reported issue. We suggest refreshing the RichTextEditor toolbar using the refreshUI method when scrolling through the page to solve your problem. Please see below the code and sample. 

dialog-overview-example-dialog.html 

<ejs-richtexteditor #defaultRTE id="defaultRTE" (created)="onCreate()"> 

  </ejs-richtexteditor> 

 

  

dialog-overview-example.ts 

import { Component, Inject, ViewChild } from '@angular/core'; 

import { 

  RichTextEditorComponent, 

} from '@syncfusion/ej2-angular-richtexteditor'; 

export class DialogOverviewExample { 

  @ViewChild('defaultRTE') 

  private rteObj: RichTextEditorComponent; 

  onCreate(): void { 

    window.addEventListener('scroll', this.scroll, true); 

  } 

  scroll = (event: any): void => { 

    console.log('one'); 

    this.rteObj.refreshUI(); 

  }; 

} 

 

Sample: https://stackblitz.com/edit/angular-7rapux-qzwq4d?file=src%2Findex.html 

API link: https://ej2.syncfusion.com/angular/documentation/api/rich-text-editor/#refreshui 

If you face any problems after setting the style on the .popup class to "position: fixed", can you please check the above solution and get back to us to modify the above sample to replicate your issue? 

Regards, 

Buvana S