Can't toggle marks when selection is created with keyboard

[lawrencesin]

Description
A hanging selection is present when using the keyboard (shift + arrow keys) to select text, this causes the marks to be in a state in which they are not clickable unless the selection is changed.

Recording

Sandbox
https://www.slatejs.org/examples/richtext

Steps
To reproduce the behavior:

1. Go to https://www.slatejs.org/examples/richtext
2. Clear all contents from editor
3. Set alignment to left aligned
4. Type each one of these on a separate line One, Two, Three
5. With the cursor at the end of Three, hold down Shift and hit the arrow up key on the keyboard twice.
6. "Two" and "Three" should be visibly selected
7. Click on the marks Bold, Italic, Underline so that Two and Three are formatted
8. Try clicking on the Bold, Italic, or Underline with the selection still active, notice that Two and Three are still formatted and you can't remove the marks from them unless you make the selection with the mouse.

Expectation
Two and Three is the only text visibly selected in this scenario so the user should be able to add marks and remove marks to them without having to make a new selection.

Environment

• Slate Version: 0.110.1
• Operating System: Mac/Windows
• Browser: Chrome, Firefox, Brave