New block editor z-index issue. Link options are hidden at the bottom of the page

[83pixel]

Description

When you are editing text in the new block editor if your text is on the bottom of the page and you are trying to add/edit a link, the options are hidden if you have some options for example seo options. This is due to no z-index on the class .editor-visual-edit. A simple z-index: 5 will do the trick

Step-by-step reproduction instructions

Go to New Post
Add a long Text
Try to add a link at a bottom text

Screenshots, screen recording, code snippet

.editor-visual-editor {
align-items: center;
background-color: #ddd;
display: block;
height: 100%;
isolation: isolate;
position: relative;
z-index: 5;
}

Any positive z-index will fix the problem

Environment info

WordPress 6.6 fresh install

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

[rgerhards]

I can confirm this bug. It's very annoying, as I have source citations usually at the end of the posting. I want them to open in a new window. Since a couple of updaes, this no longer is possible during link insertion, but only afterwards via the property dialog. This is now also no longer available ;-)

Work-around: add 6 blank paragraphs, edit link, delete these 6 paragraphs. Just if someone else comes across this bug.

[talldan]

Thanks for reporting, though there's already an existing issue for this - #62998.

I'll close this as a duplicate.

[stokesman]

Work-around: add 6 blank paragraphs, edit link, delete these 6 paragraphs. Just if someone else comes across this bug.

That’s a solid workaround. I did want to mention that quicker one can work given there’s enough content in the page that scrolling up will leave too little room for the popover to fit below the text. Here’s demo:

popover-flip.mp4

Still, the bug is annoying but it might help save a little frustration.