Clicking outside editor breaks combobox

[olee]

Description

When you open a combobox (eg. typing / for slash commands or @ for mentions etc.) and then click somewhere other than another text line in the editor, the combobox will neither close, nor will it be possible to focus it for typing again. This can be tested out on the official plate demo as well:

PowerToys_Z9h2XbyJ2N.mp4

Reproduction URL

https://platejs.org/

Reproduction steps

1. Go to https://platejs.org/
2. Click in the editor and type `@` or `/`
3. Click outside the editor
4. The combobox will not close and clicking at the end of the text line will not allow to continue typing as well

Expected outcome

Clicking outside the editor should close the combobox properly

Plate version

latest

Slate React version

latest

[12joan]

The combobox can be configured to close on blur by changing the cancelInputOnBlur option passed to useComboboxInput in inline-combobox.tsx from false to true.

@olee Can you try making the change to cancelInputOnBlur, and if it doesn't cause any other issues, open a PR on Plate?

The issue where you can't refocus the input after clicking away is a bug in Chrome, and only occurs when trying to focus an input at the end of a line by clicking to the right of it. (Firefox and Safari handle this case correctly by selecting the paragraph just after the combobox, causing it to close.) It's still possible to focus the input in Chrome if you click on the text itself.

recording.mp4