diff options
Diffstat (limited to 'src/MenuItem.mjs')
-rw-r--r-- | src/MenuItem.mjs | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/src/MenuItem.mjs b/src/MenuItem.mjs index 864bc05..1b58e0b 100644 --- a/src/MenuItem.mjs +++ b/src/MenuItem.mjs | |||
@@ -99,7 +99,8 @@ export const pickBlockItem = ({ blocks, utils }) => | |||
99 | const preview = block.querySelector('p') | 99 | const preview = block.querySelector('p') |
100 | ?.textContent.substring(0, 15) | 100 | ?.textContent.substring(0, 15) |
101 | ?.concat(' ', '... ') ?? '' | 101 | ?.concat(' ', '... ') ?? '' |
102 | const item = new Item({ | 102 | |
103 | return new Item({ | ||
103 | className: ['keep-menu', focus ? 'checked' : 'unchecked'], | 104 | className: ['keep-menu', focus ? 'checked' : 'unchecked'], |
104 | innerHTML: | 105 | innerHTML: |
105 | `<strong>(${index})</strong><span style='display: inline-block; margin-inline: 1.2em;'>${preview}</span>`, | 106 | `<strong>(${index})</strong><span style='display: inline-block; margin-inline: 1.2em;'>${preview}</span>`, |
@@ -114,11 +115,9 @@ export const pickBlockItem = ({ blocks, utils }) => | |||
114 | 115 | ||
115 | // UX: remove menu after user select/deselect blocks | 116 | // UX: remove menu after user select/deselect blocks |
116 | const submenu = e.target.closest('.sub-menu') | 117 | const submenu = e.target.closest('.sub-menu') |
117 | submenu.onmouseleave = () => submenu.closest('.menu').style.display = 'none' | 118 | submenu.onmouseleave = () => { submenu.closest('.menu').style.display = 'none' } |
118 | } | 119 | } |
119 | }) | 120 | }) |
120 | |||
121 | return item | ||
122 | } | 121 | } |
123 | ) | 122 | ) |
124 | }) | 123 | }) |