Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Inline linked image: inline popovers overlap and can hardly be used #15761

Open
afercia opened this issue May 21, 2019 · 3 comments
Open

Inline linked image: inline popovers overlap and can hardly be used #15761

afercia opened this issue May 21, 2019 · 3 comments
Labels
[Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). Needs Design Feedback Needs general design feedback. [Type] Bug An existing feature does not function as intended

Comments

@afercia
Copy link
Contributor

afercia commented May 21, 2019

  • add a paragraph block
  • add an inline image within the paragraph
  • link the image
  • click or select the image
  • both the image width inline popover and the image link popover appear at the same time
  • the link popover overlaps the width popover:

Screenshot 2019-05-21 at 22 23 18

Besides the UI glitch, using the width popover is hardly doable even with the mouse.

Also, not clear to me how to move focus to the two popovers when using only the keyboard.
@afercia afercia added [Type] Bug An existing feature does not function as intended [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). labels May 21, 2019
@draganescu
Copy link
Contributor

As of now (Gutenberg 7.9.1) with the new link UI the width popover is totally hidden:

Screenshot 2020-04-22 at 13 31 33

@afercia
Copy link
Contributor Author

afercia commented Apr 22, 2020

Yup, can still reproduce as well on latest Gutenberg plugin. It's April 2020 now. Issue created on May 2019.

@paaljoachim paaljoachim mentioned this issue Feb 7, 2021
Open
@ndiego ndiego added the Needs Testing Needs further testing to be confirmed. label Jan 10, 2023
@ndiego
Copy link
Member

ndiego commented Jan 24, 2023

This remains an issue in Gutenberg trunk.

image

@ndiego ndiego added Needs Design Feedback Needs general design feedback. and removed Needs Testing Needs further testing to be confirmed. labels Jan 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). Needs Design Feedback Needs general design feedback. [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@draganescu @afercia @ndiego