Visual Editor – Flashing Insert/Edit Link Popup

To add to this, if I copy the text of a working Page to a new Page, it works… Is there some reason a brand new blank Page would exhibit this issue?

If you use a Chrome incognito window (so there are no extensions,etc. loaded), does this happen?

Yep, same thing. I turned off all of my Chrome extension before as well.

I have same issue

I have the same issue on both Worpress 4.9.8 and 5.0.1 with Classic Editor 1.3 on Chrome. It works fine on Safari and Firefox but not in Chrome (71.0.3578.98) in normal or incognito mode.

ETA: Updating to 5.0.1 with Classic Editor 1.3 breaks it on Safari as well. Will not try on Firefox or I’ll run out of browsers to use.

• This reply was modified 6 years, 3 months ago by nonpressingwords.

Try updating Chrome and seeing if the issue is still there. At the moment we’re struggling to replicate the problem, so if there’s any additional information you guys can give then that would be great.

Also when you said “Health Check plugin passes”, did you carry out the manual steps of deactivating your plugins and switching to the Twenty Seventeen theme? That’s a really quick way of narrowing down the issue

I did, yes.

I had this same issue and it ended up being the lastpass extension for chrome.

I am having the same problem with WordPress 5.0.3. The error for me happens only when I hover on the “return” icon. If I open the link toolbox, paste whatever link I need and hit enter it will save it as usual, but if I try to hover to use my mouse to click it flickers.

I had the html inspector open and looks like it changes some styling, but it happens so fast that I can’t see what is it. Also it adds a ::before and ::after elements to it so it may be helpful.

The the element that I saw changing is:
<div id="mceu_102" class="mce-toolbar-grp mce-inline-toolbar-grp mce-container mce-panel mce-arrow-down mce-arrow-left" hidefocus="1" tabindex="-1" role="group" style="left: 201px; top: 693px;"></div>

Of course inside of it is where the ::before and ::after elements are added and it has more divs inside.

We have seen this flashing link dialog in wp 5.1 on a samsung s6 and google pixel 2 phone (chrome browser on both) and chrome 72.0.3626.121 on linux with a small window size (testing responsiveness for very small displays). On the phones the on-screen keyboard is opening/closing along with the link dialog button.

Not sure how to reproduce it exactly though, sometimes it does it sometimes it doesn’t, but simply open the editor, enter some text and click on the link dialog .. sometimes it will start flashing.

In my case it was scrollbar setting in macOS set to “Always” that cause the issue. Changing it to “Show when scrolling” solved it for the time being.

Issue on github https://github.com/WordPress/gutenberg/issues/14878

I have this problem too using chrome — even with no plugins except the classic editor installed. The fix for me is to make sure that the setting in the classic editor is to allow the user to choose which editor to use. When I set it up that way, the flickering stops.

Not good if you don’t want the user to be able to choose, of course.

I can easily reproduce a similar problem with the picture control bar, using the WordPress version 5.2 and Chrome Version 74.0.3729.157. The toolbar flashes when I hover over it, making it impossible to click any controls. I can get past it either by changing the zoom factor on the browser to fairly large, or by adding a blank line above the image so that the picture control popup doesn’t overlap the editor toolbar. I am of course using the Classic Editor plugin.

If you make a plugin and stick this in there it should take care of it. In multisite you can activate on a per site basis or network

<?php
/*
Plugin Name: Hide Tooltips
Description: a plugin to Hide Tooltips that cause a bug in browsers on Windows
Author:
*/

add_action(‘admin_head’, ‘bye_tooltips’);

function bye_tooltips() {
echo ‘<style>
.mce-tooltip {
display:none;
}

</style>’;
}