WordPress.org

Make WordPress Core

Opened 3 years ago

Last modified 2 years ago

#40396 new defect (bug)

New link inserter box can't be closed

Reported by: andredube Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 4.7.3
Component: Editor Keywords:
Focuses: Cc:
PR Number:

Description

The first time I use the editor and add a link to some text in a blog,
a little box pops up. After adding the link to it, the box won’t go away.
There’s no X to close it, and applying the link doesn’t make it go away.

The only ways I found to get rid of the box is to select another word,
add and remove a link to it, or save the blog...

It has been doing this for many versions now.

It is not a show stopper, but very annoying.

Thanks!

Change History (6)

#1 @adamsilverstein
3 years ago

@andredube Thanks for your bug report and welcome to trac.

I'm not sure I can reproduce your reported issue. When I add a link and click the apply button, the tooltip does show the link, however, if i click anywhere else in the editor, the tooltip closes. What browser/version are you using? If you disable all plugins and switch to the default "twenty seventeen" theme, does the issue go away?

One possible issue I noticed is that if I use the gear (advanced) and add a link in the modal, the tooltip does not stay open. This seems like inconsistent behavior. Maybe @iseulde can weigh in with what is supposed to happen here? Is this the expected behavior?

Here is a screencast of me trying to test this, when I insert a link and click apply, the link winds up selected at the end with the tooltip open.

https://cl.ly/2l3l43023T2F/Screen%20Recording%202017-04-10%20at%2008.42%20AM.gif

When I use the advanced modal to insert a link, the cursor is placed immediately after the link, with the tooltip closed.

https://cl.ly/0A332e1G0h2X/Screen%20Recording%202017-04-10%20at%2008.49%20AM.gif

#2 @lukecavanagh
3 years ago

Tested on local dev and if not using the advanced options for adding a link using TinyMCE the tooltip will close, after the link has been added.

Seems like that control is being defined here.

https://core.trac.wordpress.org/browser/tags/4.7.3/src/wp-includes/js/tinymce/plugins/wplink/plugin.js#L55

#3 follow-up: @andredube
3 years ago

Thank you Adam and Luke for the info.
I am using the latest version of Chrome, but will do some
tests with different browsers and disable some Plugins.

#4 in reply to: ↑ 3 @brianleejackson
2 years ago

Replying to andredube:

Thank you Adam and Luke for the info.
I am using the latest version of Chrome, but will do some
tests with different browsers and disable some Plugins.

Omg, I have the exact same problem. Been happening for months on my laptop. Not my desktop. So I know it is something on my computer. Both running latest version of Chrome. Like you said, annoying! I will try to strip everything down tonight and report back with what I find.

#5 follow-up: @brianleejackson
2 years ago

So I literally stripped out all Chrome extensions, reset Chrome, and even tried old versions of Chrome (back to Chrome 54) and they all experienced the same issue on my laptop. Fine in Firefox and Edge.

All I can conclude is that perhaps it is a bug between the new TinyMCE editor and possibly a graphics driver on my laptop? As the exact same versions, extensions, etc... all work fine in Chrome on my desktop. Are you using a laptop @andredube by any chance? Trying to narrow down everything. Thanks

#6 in reply to: ↑ 5 @andredube
2 years ago

Replying to brianleejackson:

So I literally stripped out all Chrome extensions, reset Chrome, and even tried old versions of Chrome (back to Chrome 54) and they all experienced the same issue on my laptop. Fine in Firefox and Edge.

All I can conclude is that perhaps it is a bug between the new TinyMCE editor and possibly a graphics driver on my laptop? As the exact same versions, extensions, etc... all work fine in Chrome on my desktop. Are you using a laptop @andredube by any chance? Trying to narrow down everything. Thanks

Hey @brianleejackson , I do use a Dell laptop.
I'll try it tomorrow on a desktop at work.

Note: See TracTickets for help on using tickets.