Can't exit fullscreen mode after opening and closing custom toolbar dialog window

[Hans Christian]

I'm working on adding a custom toolbar button to my Syncfusion EJ2 Rich Text Editor. This button, when clicked, opens a dialog window. However, I'm running into an issue with the fullscreen functionality.

Here’s what’s happening:

1. When I open the dialog window while the Rich Text Editor is in fullscreen mode, then close the dialog, the focus is lost from the editor.
2. Because my implementation toggles the toolbar visibility based on focus (this.toolbarSettings.enable = true on focus and false on blur), the fullscreen state becomes inaccurate.
3. After closing the dialog, the toolbar’s fullscreen icon resets to "Maximize" (as though I'm not in fullscreen), and it becomes unresponsive. I can only exit fullscreen by pressing Esc on the keyboard.

I believe the issue arises because toggling toolbarSettings.enable does not account for the editor’s current fullscreen state, which causes the toolbar icons to reset improperly. Any advice on how to ensure that the toolbar maintains the correct fullscreen state after opening and closing the custom dialog?

Thank you in advance for your help!

[Vinothkumar Yuvaraj]

Hi Hans Christian,

We have considered the reported issue “The "Minimize" toolbar icon does not update when dynamically enabling and disabling the toolbar" as a bug on our end. A fix for this issue will be included by the end of November 2024.

Now you can track the status of the reported issue through the feedback below,

The "Minimize" toolbar icon does not update when dynamically enabling and disabling the toolbar in JavaScript | Feedback Portal

 

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.”

Regards,
Vinothkumar

[Hans Christian]

Thanks!

[Vinothkumar Yuvaraj]

Hi Hans Christian,

You're welcome! We’ll let you know once the fix has been included.

[Kokila Poovendran]

Hi Hans Christian,

We have included the fix for the issue "The "Minimize" toolbar icon does not update when dynamically enabling and disabling the toolbar" with our package version “27.2.4”. Therefore, we recommend upgrading to our latest version to resolve the current issue.

Root Cause 

The "Minimize" toolbar icon didn't update when the toolbar was enabled after disabled in fullscreen mode.