Skip to content

[Bug][Editor] Link tool is not rendered as a button #754

@filipKovachev

Description

@filipKovachev

Describe the bug
One of the buttons in the toolbar, specifically the Link tool, renders a wrapping <span> element instead of a <button> like the other tools in the same ButtonGroup. Because of this, it does not follow the same border-radius rules and visually breaks the cohesion of the group. This makes the toolbar appear inconsistent.

To Reproduce

  1. Open this example: https://stackblitz.com/edit/react-bkem1ylv?file=index.js
  2. Inspect the Link tool and notice that a wrapping span is rendered instead:
Image

Expected behavior
All buttons in a ButtonGroup, including the Link tool, should visually appear as a single cohesive group with matching border-radius and styling.

As a workaround a custom Link tool can be rendered:

https://stackblitz.com/edit/mmxf4w35-dyly13ug?file=src%2Fmain.vue

Reported in Ticket ID: 1705084

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions