WordPress.org

Make WordPress Core

#52103 closed defect (bug) (reported-upstream)

Impossible to remove a link on Gutenberg

Reported by: SGr33n Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Editor Keywords:
Focuses: Cc:

Description

Hi,
Using Gutemberg is pretty impossible to remove a link from a text, because the link options are appearing over the toolbar.

Attachments (3)

Cattura.PNG (37.4 KB) - added by SGr33n 11 months ago.
popover-covers-toolbar-chrome.jpg (74.5 KB) - added by sabernhardt 11 months ago.
Link editing popover covers the formatting toolbar when link is near bottom of viewport (Windows + Chrome, with Yoast)
popover-below-toolbar-firefox.jpg (76.2 KB) - added by sabernhardt 11 months ago.
Link editing popover below link text (Windows + Firefox)

Download all attachments as: .zip

Change History (8)

#1 @sabernhardt
11 months ago

  • Keywords reporter-feedback needs-screenshots added

@SGr33n Which theme are you using? Also, could you upload a screenshot of the editor with the link options opened?

#2 @sabernhardt
11 months ago

To help you right now, the keyboard shortcut for adding or removing a link is Ctrl + K on Windows (or Cmd + K on MacOS).

Version 0, edited 11 months ago by sabernhardt (next)

@SGr33n
11 months ago

#3 @SGr33n
11 months ago

Hi @sabernhardt, here is the screenshot. The theme is based on twentytwenty.

@sabernhardt
11 months ago

Link editing popover covers the formatting toolbar when link is near bottom of viewport (Windows + Chrome, with Yoast)

@sabernhardt
11 months ago

Link editing popover below link text (Windows + Firefox)

#4 @sabernhardt
11 months ago

Thanks. I was able to reproduce the problem with other themes, too. It also happens with and without Yoast SEO's extra link options.

For me, it only seems to cover the toolbar's Unlink button when the link text is positioned lower the window/viewport. Of course, it can still cover a smaller part of the toolbar when positioned in other areas of the screen.

Anyway, block editor bug reports belong on GitHub so the team can fix them there. I found this similar issue, but that's specifically with smaller screens.
https://github.com/WordPress/gutenberg/issues/24534
I'll ask there if it's close enough or if we need to create a new GitHub issue.

#5 @sabernhardt
11 months ago

  • Keywords reporter-feedback needs-screenshots removed
  • Milestone Awaiting Review deleted
  • Resolution set to reported-upstream
  • Status changed from new to closed

GB24534 is edited to include this, so I'll close the ticket here. If you have anything to add, please join the discussion on the GitHub issue.

Note: See TracTickets for help on using tickets.