Motivation

With native popover, we'll no longer teleport vaadin-tooltip-overlay to the body but instead keep it in the shadow DOM of the vaadin-tooltip. We should make sure it can be styled with light DOM CSS consistently.

Proposed solution

• Extract the toolbar into a separate slotted component e.g. vaadin-rich-text-editor-toolbar
• Make toolbar use slotted buttons e.g. vaadin-rich-text-editor-button wrapping a tooltip

Note

Using a dedicated toolbar component is not directly needed but it could be a foundation for adding APIs for configuring the toolbar (there was an internal discussion about some customer interested in it). See also:

• [rich-text-editor] Externalize the toolbar #1690
• [rich-text-editor] Add support for custom toolbar buttons #1667