p-editor (Quill) does not update when embedded in a p-dialog

[ratsey]

Describe the bug

Updating the underlying form controls does not reflect in a p-editor when contained within a p-dialog.

Environment

PrimeNG 18-beta2, Quill 2.0.2, Angular 18

Reproducer

https://stackblitz.com/edit/lww9qn-wjlfvd

Angular version

18.2.5

PrimeNG version

18.0.0-beta.2

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.20.3

Browser(s)

No response

Steps to reproduce the behavior

See Stackblitz. Note how the first editor shows an updated content when clicking Edit, the p-dialog version retains the original content

Expected behavior

Both editors show the updated content

[github-actions]

Due to PrimeNG team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨

[swapnil0545]

From what I observed during the deugging of this issue.
Solution 1. the p-editor inside of the dialog gets initialized earlier even before the dialog is visible, this is what the problem is.
To fix this, I have wrapped the p-editor inside of dialog inside a @if(dialogvisible){} wrapper.
Solution 2. It works when we patch the formvalue inside of a setimeout function of 1s. (But yes, we have timeouts).
Solution 3.You can use OnInit on p-editor inside of dialog and do editorInstance.clipboard.dangerouslyPasteHTML()