[P-184] Cannot toggle marks (bold etc) in Firefox, for a word selected by double clicking

[mz8i]

Description

Just evaluating Plate and I stumbled upon a rather problematic issue using Firefox. This actually occurs in the official examples.

In the Balloon Toolbar, when you double click a word to select and toggle bold on it, then later it's not possible to toggle bold on the word if you double-click it again.

Steps

• go to https://platejs.org
• double click any word to select it
• click B in the balloon toolbar to toggle bold on the whole word
• click away to deselect the word / put the cursor anywhere else
• double click the same word again
• PROBLEM: the bold indicator in the tooltip is not highlighted. Clicking it (any number of times) doesn't change the state of the editor in any way.

Notes:

• it works as you'd expect in Chrome
• in Firefox, you can toggle bold later on but only if you drag-select the word

Expectation

You can select a word by double clicking, toggle a mark (like bold, italic etc) on it, then move away, and then when you double click the word again, the bold status should be correctly shown and it should be possible to toggle it off again. Dragging to select requires more precision than double clicking, and therefore is much slower - so it's not acceptable for this to be the required action.

Environment

• browser: Firefox (v106.0.5, on Manjaro Linux)

Thanks for looking into this! I'm keen to use the framework but this is a major obstacle given the UX degradation for Firefox users.

_P-184

Funding

• You can sponsor this specific effort via a Polar.sh pledge below
• We receive the pledge once the issue is completed & verified

[dylans]

This is definitely a regression as it used to work as you would expect. I can confirm it's an issue (and not an OS related quirk).

[O4epegb]

Can confirm too, happens only in Firefox on macos too

[mmourafiq]

probably related to #1897