I have just upgraded my project with its dependencies to Angular 12. Among other dependencies, I also use the TinyMCE text editor npm package (not the TinyMCE Angular integration) as an inline editor and I have implemented a directive for it.

So far it works fine with Chrome. whenever I click/focus on textarea the TinyMCE editor pop-up on the top of the textarea as I expected but in Firefox it pop-up on top of the page which is not the right place. I'm very confused now why it appears properly in its own place in Chrome but not firefox? I'm expecting the same behavior as Chrome.

It would be very helpful if anyone helps me throughout the tricky bug?