mirror of
https://github.com/BookStackApp/BookStack.git
synced 2025-07-31 15:24:31 +03:00
Lexical: Updated dropdown handling to match tinymce behaviour
Now toolbars stay open on mouse-out, and close on other toolbar open, outside click or an accepted action. To support: - Added new system to track and manage open dropdowns. - Added way for buttons to optionally emit events upon actions. - Added way to listen for events. - Used the above to control when dropdowns should hide on action, since some dont (like overflow containers and split dropdown buttons).
This commit is contained in:
@ -1,6 +1,5 @@
|
||||
import {EditorUiStateUpdate, EditorContainerUiElement} from "../core";
|
||||
import {EditorButton} from "../buttons";
|
||||
import {handleDropdown} from "../helpers/dropdowns";
|
||||
import {el} from "../../../utils/dom";
|
||||
|
||||
export class EditorFormatMenu extends EditorContainerUiElement {
|
||||
@ -20,7 +19,11 @@ export class EditorFormatMenu extends EditorContainerUiElement {
|
||||
class: 'editor-format-menu editor-dropdown-menu-container',
|
||||
}, [toggle, menu]);
|
||||
|
||||
handleDropdown({toggle : toggle, menu : menu});
|
||||
this.getContext().manager.dropdowns.handle({toggle : toggle, menu : menu});
|
||||
|
||||
this.onEvent('button-action', () => {
|
||||
this.getContext().manager.dropdowns.closeAll();
|
||||
}, wrapper);
|
||||
|
||||
return wrapper;
|
||||
}
|
||||
|
Reference in New Issue
Block a user