ToggleToolbarDrawer persist visible even when I close or switch tab and closing of bootstrap modal.

[jzabate]

📝 Provide detailed reproduction steps

I use bootstrap 4.3 for opening of modal where tinymce is loaded.

1. Tinymce is loaded in a limited space in a modal.
2. Click on the toggle toolbar drawer to reveal remaining toolbar button item
3. While toggle toolbar drawer is open.
4. I close the modal and toggle toolbar drawer is still visible
5. Same goes when tinymce is in a tab content, switching to another tab while toggle toolbar drawer still visible will persist to be visible after switching tab contents.

✔️ Expected result

Toggle toolbar drawer should not be visible.

❌ Actual result

Toggle toolbar drawer is visible and floating in the page.

❓ Possible solution

I tried the code below but no success.

if ( tinymce.activeEditor.queryCommandState('ToggleToolbarDrawer') ) {
  tinymce.activeEditor.execCommand('ToggleToolbarDrawer');
}

I already have this code below for bootstrap modal focusin

$(document).on("focusin", function(e) {
	if ($(e.target).closest(".tox-dialog").length) {
		e.stopImmediatePropagation();
	}
});

📃 Other details

Chrome: 122.0.6261.128
Windows 10
Tinymce: 6.7.0
jQuery: 3.4.1
Bootstrap: 4.3

[jzabate]

I just found the same issue #6437