• 解決済 goyte777

    (@goyte777)


    ACFで作成した投稿ページの入力フォームが最新版Safari(18.0)で表示崩れを起こします。
    解決策などご存知でしたら教えていただけると幸いです
    環境は以下になります。

    【環境】

    • wordrpessの環境
      • 本体
        • 6.6.2
      • プラグイン
        • ACF
          • 6.3.6
        • classic Editer
          • 1.6.4
    • Safari
      • 18.0


    どうぞよろしくお願い致します。

11件の返信を表示中 - 1 - 11件目 (全11件中)
  • こんにちは。
    いただいた情報以外に該当ページのURLを教えていただけませんか?
    (ページのURL の情報がないとアドバイスは難しいかもしれません…..)

    入力フォームというキーワードがありますが、フォームのプラグインなどを別に利用している場合にはそちらの情報も併せて共有お願いいたします。

    入力フォームとは、編集画面のことでしょうか?

    トピック投稿者 goyte777

    (@goyte777)

    @yukinobu
    ご回答いただきありがとうございます。
    ご返信が遅くなって申し訳ございません。

    >入力フォームとは、編集画面のことでしょうか?
    はい、投稿編集画面になります。

    質問ではACFと書きましたが、
    その後プラググインを一旦全て停止してから確認を進めたところ、
    wordpress6.6.2でclassicエディタを利用した場合safariで閲覧すると発生するようです。

    • この返信は1ヶ月、 1週前にgoyte777が編集しました。

    ありがとうございます。
    こちらで新規にWordPressをインストールしてSafariブラウザで確認しましたが、問題なさそうでした。

    • WordPress version: 6.6.2
    • theme: Twenty Twenty-Three
    • php_version: 8.0.30
    • MySQL: 8.0.32-

    テーマが一番関係ありそうな気がしています。バックアップを取る、あるいは検証用のWordPressサーバーを用意して、一時的に Twenty シリーズなどのテーマに変更して現象が発生しないかご確認ください。

    トピック投稿者 goyte777

    (@goyte777)

    @yukinobu
    検証いただきありがとうございます。
    私の方でも新規にwordpresをインストールして確認をしてみました。
    デフォルトテーマで確認してみたところ表示崩れが確認されました。
    検証環境は以下です。

    • WordPressバージョン6.6.2
    • PHP バージョン8.2.20
    • テーマ Twenty Twenty-Three
    • DB mysqlnd 8.2.20
    • プラグイン classic Editer(※他のプラグインは無効化)
    • safari18.0

    どうやら、表示オプションでページ属性にチェックを入れると崩れるようです。





    ありがとうございます。なるほどですね。
    根本的な解決ではありませんが、Macの場合、Safari 以外の他のブラウザを使うことを検討してみてください。

    • Google Chrome
    • Microsoft Edge
    • Firefox

    追記、

    英語版のフォーラムでも同様の質問があって、CSSコードを追加する暫定対応措置が紹介されていましたので、共有いたします。

    https://wordpress.org/support/topic/safari-18-0-breaking-classic-editor/

    トピック投稿者 goyte777

    (@goyte777)

    @yukinobu

    ご返信ありがとうございます。

    根本的な解決ではありませんが、Macの場合、Safari 以外の他のブラウザを使うことを検討してみてください。

    wordpress&classicエディタ側でのアップデートがあるまで他のブラウザを使用することで対応してみます。

    英語版のフォーラムでも同様の質問があって、CSSコードを追加する暫定対応措置が紹介されていましたので、共有いたします。

    https://wordpress.org/support/topic/safari-18-0-breaking-classic-editor/

    対応方法の紹介ありがとうございます。
    こちらも試してみたいと思います。

    色々と検証やアドバイスをいただきありがとうございました。

    トピック投稿者 goyte777

    (@goyte777)

    @yukinobu
    本日Classicエディタのアップデートが行われバグが解消されましたので、ご報告まで。

    ▼classicエディタ
    https://github.com/WordPress/classic-editor

    == Changelog ==

    = 1.6.5 = * Added fix for Safari 18 negative horizontal margin on floats.


    本件、検証やアドバイスをいただきありがとうございました。
    問題が解決しましたのでクローズいたします。

    ご報告ありがとうございます。良かったです。

    トピック投稿者 goyte777

    (@goyte777)

    こちらこそありがとうございました。
    クローズいたします。

11件の返信を表示中 - 1 - 11件目 (全11件中)
  • このトピックに返信するにはログインが必要です。