WordPressでリンク挿入時に点滅して押せない不具合→対処法

WordPressで記事中にリンクを挿入、または記事中のリンクを編集するするためのポップアップ表示が点滅してしまいボタンが押せない不具合の対処法です。

類似の不具合である、記事中の画像をクリックした時に現れるツールバーが点滅してボタンが押せない問題も原因は同じなので同様に対処できます。

リンクの挿入ができない状態で困っている方や画像の編集ボタンが押せない方はご確認ください。

症状

リンクの適用ボタン・設定ボタン・編集ボタンが押せない

症状の見た目

以下のように、「リンクの挿入/編集」ボタンを押して表示されるポップアップにある「適用」ボタン(青色のボタン)や「設定」ボタン(歯車のボタン)の上にマウスカーソルを移動すると、ボタンが点滅してしまい押せません…。

「リンクの挿入/編集」ボタンを押して表示されるポップアップにある適用ボタンや設定ボタンが点滅して押せない

※↑のアニメGIF画像だとコマ落ちしてますが、実際にはもっと高速で点滅しています。点滅中にクリックしてもボタンは押せない…。

 

ページ内に既にあるリンクを編集するためのポップアップでも同じ症状が発生し、編集ボタンの上にカーソルを移動するとボタンが点滅してしまい押せません…。

リンクを編集するためのポップアップで、編集ボタンが点滅してしまい押せない(WordPress)

症状発生のタイミング

唐突に発生します…。→発生条件がある程度分かったので後述

以前作成した記事内にあるリンクを編集するときには発生しないのに、新規作成で新しく記事を作り1行目にリンクを挿入しようとすると症状が発生する といった感じで発生条件も不明です。

WordPressユーザー全員に発生しているわけでは無さそうです。(謎の環境依存。)

 

画像をクリックした時に現れるツールバーが点滅してボタンが押せない

リンクのツールバーが点滅する症状と似ていますが、画像のツールバーも点滅してしまいボタンが押せません。

記事中の画像をクリックした時に現れるツールバーが点滅してボタンが押せない

編集ボタンが押せず画像の代替テキストなどを設定できなくて不便です。

こちらの症状も原因が同じなので以下の対処法で修正できます。

 

対処法

① ブラウザにスクロールバーが表示されていれば発生しない

リンク挿入ポップアップのボタンが点滅して押せなくなるのは、どうやらブラウザにスクロールバーが表示されていないときみたいです。
(少なくともこちらの環境では)

ブラウザ画面右端の縦スクロールバーが表示されていない状態では、記事のどの部分にリンクを挿入しようとしても点滅が発生しました。

リンクの挿入ツールバーの点滅はブラウザのスクロールバーが表示されていないと発生する

 

一方でスクロールバーが表示されている状態では問題なくリンクの設定・編集ボタンを押せます。

リンクの挿入ツールバーの点滅はブラウザのスクロールバーが表示されていれば発生しない

 

作成済みの記事内にあるリンクを編集したときには点滅が発生しなかったのに、新規作成記事では症状が発生していたのは「スクロールバーが現れない程しか文章を入力していない」からだったんですね!

ある程度文章を入力すれば自動でスクロールバーが表示されるので、記事の文量が多くなってからリンクを挿入したときには症状が発生しなかったというわけです。

ブラウザのスクロールバーを表示させれば、リンク挿入の設定ボタンは点滅しない

新規記事作成時に以下の手段でスクロールバーを表示させれば、ボタンが押せない不具合にイライラさせられることも無くなります。

  • スクロールバーが現れるまでEnterキー連打で記事に改行(空行)を入れる
    (記事完成後に改行は削除すればOK)
  • (スクロールバーが現れるまでウィンドウのサイズを小さくする or ページの表示倍率を拡大する)

 

② Firefox ブラウザなら発生しない

もし、①の手順が無効(スクロールバーが表示されているにもかかわらずリンクのボタンが点滅する)場合は使用ブラウザを変更してみてください

海外のWordPress公式フォーラムで同様の不具合に悩んでいる方から「Firefoxでは正常に動作した」という報告がありました。

リンク:Visual Editor – Flashing Insert/Edit Link Popup

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.

(翻訳文)
私はWordPress 4.9.8と5.0.1の両方でChromeのClassic Editor 1.3を使用していますが同じ問題が発生します。SafariとFirefoxでは正常に動作しますが、Chrome (71.0.3578.98)では通常モードでもシークレットモードでも動作しません。追記: WordPress 5.0.1にアップデートするとClassic Editor 1.3 にてSafariでも動作しなくなりました。Firefoxでは試していません。そうしないと使うブラウザがなくなってしまいます。

(使用ブラウザを今使っているものから変えたくないという場合は厳しいですね…)

 

③ (Mac使用者は) OSのスクロールバー表示設定を変更する

「システム環境設定」>「一般」>「スクロールバーの表示」

の設定項目で「常に表示」が選ばれている場合は、「スクロール時に表示」に設定を変えると点滅の不具合が解消するみたいです

設定の変更方法・設定画面はこちら

※私はMacを持っていないので検証できていませんが、類似の不具合を上述の設定変更で直せたという報告が海外であがっていました。

その報告ではクラシックエディタではなく Gutenberg エディタでリンク挿入のツールバーが点滅して押せない不具合が発生した旨が記されていたので、クラシックエディタ固有の不具合ではないのかもしれません。

 

※ Classic Editor や WordPress を更新する?

私はこちらの対処法を試していませんが、エディタの更新や WordPress 本体のアップデートで不具合が根本的に解消されるかもしれません。

どうしても直らない場合は最終手段としてやってみるのもアリかも。

 

(参考情報)

症状が発生した当方の環境

OS Windows 10
使用ブラウザ Chrome (バージョン:91.0.4472.101)
WordPress バージョン 5.2.11
エディタ Classic Editor(クラシックエディタ)
Classic Editor のバージョン 1.5
WordPress テーマ THE THOR バージョン 2.3.2

症状発生日時:2021/6/12

 

更に詳しい情報が必要な場合

最初に挙げた海外フォーラムで色々と不具合についてディスカッションされてます。

不具合の発生を抑えるプラグインを作成した人もいました。(私はそのプラグインが有効か検証していません)

追記:日本語のWordPressフォーラムでも同様の不具合についてバグ報告と提案がなされていました。ただしこちらには解決策などの情報はなく既にトピックが閉鎖されています。

リンク:ビジュアルエディタでリンクポップアップが点滅する

記事化前の最新情報はこちらで先にツイートしています。サイト更新告知もこちら。