Description
When a void inline-element is included in a selection, the data-slate-spacer span becomes visible, causing a slightly glitchy-looking selection. This is trivially re-produced in the official "Mentions" example here: https://www.slatejs.org/examples/mentions
Screenshots
See the slightly darker colored selection color on the left side of the @character:
I haven't noticed any side-effects from testing these but I'm unsure if it is safe. Happy to submit a pull request if someone can chime in on the safety and which approach (if any) is preferred.
Description When a void inline-element is included in a selection, the data-slate-spacer span becomes visible, causing a slightly glitchy-looking selection. This is trivially re-produced in the official "Mentions" example here: https://www.slatejs.org/examples/mentions
Screenshots See the slightly darker colored selection color on the left side of the @character:
Steps To reproduce the behavior:
Expectation For the span not to be visible when selected like this:
Environment
Context This can be fixed by using the following css:
or alternatively:
I haven't noticed any side-effects from testing these but I'm unsure if it is safe. Happy to submit a pull request if someone can chime in on the safety and which approach (if any) is preferred.