How to override onblur event on custom plugin? ..handler: { onblur: () => (e)=> e.preventDefault}.. is not working

[kherP]

hi, we have a custom plugin similar to the mention plugin and we noticed that when we click on the scroller, the component will be removed directly. We tried to use ...handlers: { onBlur: () => (e) => e.preventDefault()}... but the preventDefault didn't stop the issue from occuring.

we can see the same issue is happening to the mention plugin, see the gif attached.

is there a proper way to prevent the editor from getting blurred when clicking on the popover?

[12joan]

@kherP Call preventDefault on mousedown events originating from inside your combobox. This will prevent clicks from triggering blur events, but won't interfere with the clicks themselves. See #2920 for an example.

[kherP]

thank you @12joan !