Changeset 56025

Timestamp:

06/25/2023 07:52:43 PM (14 months ago)

Author:

joedolson

Message:

Editor: Add no-js fallback for site editor.

Add a fallback condition with heading and error notice to handle a no JavaScript state for the site editor, comparable to what already exists in the post editor.

Props afercia, joedolson, fencermonir, zebaafiashama, alexstine, rudlinkon.
Fixes #56228.

Location:

trunk/src/wp-admin

Files:

• css/common.css (modified) (1 diff)
• site-editor.php (modified) (1 diff)

trunk/src/wp-admin/css/common.css

@@ -574 +574 @@
 }
 
-.wrap.block-editor-no-js {
+.wrap.block-editor-no-js,
+.wrap.site-editor-no-js {
     padding-left: 20px;
 }

trunk/src/wp-admin/site-editor.php

@@ -133 +133 @@
 ?>
 
-<div id="site-editor" class="edit-site"></div>
+<div class="edit-site">
+    <div id="site-editor"></div>
+
+    <?php // JavaScript is disabled. ?>
+    <div class="wrap hide-if-js site-editor-no-js">
+        <h1 class="wp-heading-inline"><?php _e( 'Edit site' ); ?></h1>
+        <div class="notice notice-error notice-alt">
+            <p>
+                <?php
+                    /**
+                     * Filters the message displayed in the site editor interface when JavaScript is
+                     * not enabled in the browser.
+                     *
+                     * @since 6.3.0
+                     *
+                     * @param string  $message The message being displayed.
+                     * @param WP_Post $post    The post being edited.
+                     */
+                    echo apply_filters( 'site_editor_no_javascript_message', __( 'The site editor requires JavaScript. Please enable JavaScript in your browser settings.' ), $post );
+                ?>
+            </p>
+        </div>
+    </div>
+</div>
 
 <?php