Balloon Toolbar visually fights with iOS selection menu

[LukasMurdock]

Description
Going to just reference issue #7 over at ProseMirror.

Every editor seems to call their hovering selection tooltip something between “hovering toolbar”, “tooltip”, “bubble menu”, “balloon toolbar”, but they seem to be the same functional feature. I cannot seem to find what the iOS tooltip is called.

In the case of Plate, you are able to tap the selection another time to make the iOS selector go away. So it’s not impossible to use the Balloon Toolbar, just bad UX.

Steps
Again, just taking from the ProseMirror issue, because it’s the same case ↓

Expectation (as of July 28, 2021)
Custom tooltip

• 🤡 Draft JS just doesn’t officially support mobile browsers
• ❌ Slate tooltip demo appears above of selection and interferes
• ❌ Plate tooltip demo appears above of selection and interferes
• ❌ ProseMirror tooltip demo appears above of selection and interferes
• ✅ Tiptap tooltip demo appears above of selection, but seems to have done some CSS trick to make the iOS selector appear below selection (built on ProseMirror)
• ✅ Editor JS tooltip demo appears below selection
• ✅ Quill tooltip demos appears below selection

[zbeyens]

Great comparison! The balloon toolbar has direction option to set it to bottom. Many editors disable it on mobile in favor of a fixed one, like github or notion