Ticket #45453: 45453.3.diff

src/wp-admin/css/common.css

@@ -560 +560 @@
         margin: 10px 20px 0 2px;
 }
 
+.wrap.block-editor-no-js {
+        padding-left: 20px;
+}
+
 .wrap > h2:first-child, /* Back-compat for pre-4.4 */
 .wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
 .postbox .inside h2, /* Back-compat for pre-4.4 */

src/wp-admin/edit-form-blocks.php

@@ -23 +23 @@
  */
 global $post_type, $post_type_object, $post, $title, $editor_styles, $wp_meta_boxes;
 
-if ( ! empty( $post_type_object ) ) {
-        $title = $post_type_object->labels->edit_item;
-}
-
 // Flag that we're loading the block editor.
 $current_screen = get_current_screen();
 $current_screen->is_block_editor( true );
@@ -399 +395 @@
 ?>
 
 <div class="block-editor">
-        <h1 class="screen-reader-text"><?php echo esc_html( $post_type_object->labels->edit_item ); ?></h1>
-        <div id="editor" class="block-editor__container"></div>
+        <h1 class="screen-reader-text hide-if-no-js"><?php echo esc_html( $title ); ?></h1>
+        <div id="editor" class="block-editor__container hide-if-no-js"></div>
         <div id="metaboxes" class="hidden">
                 <?php the_block_editor_meta_boxes(); ?>
         </div>
+
+        <?php // JavaScript is disabled. ?>
+        <div class="wrap hide-if-js block-editor-no-js">
+                <h1 class="wp-heading-inline"><?php echo esc_html( $title ); ?></h1>
+                <div class="error">
+                        <p>
+                                <?php
+                                        $message = printf(
+                                                /** Translators: %s: https://wordpress.org/plugins/classic-editor/ */
+                                                __( 'The block editor requires JavaScript. Please enable JavaScript in your browser settings, or try the <a href="%s">Classic Editor plugin</a>.' ),
+                                                __( 'https://wordpress.org/plugins/classic-editor/' )
+                                        );
+
+                                        /**
+                                         * Filters the message displayed in the block editor interface when JavaScript is
+                                         * not enabled in the browser.
+                                         *
+                                         * @since 5.0.3
+                                         *
+                                         * @param string  $message The message being displayed.
+                                         * @param WP_Post $post    The post being edited.
+                                         */
+                                        echo apply_filters( 'block_editor_no_javascript_message', $message, $post );
+                                ?>
+                        </p>
+                </div>
+        </div>
 </div>

src/wp-admin/post.php

@@ -162 +162 @@
                 break;
         }
 
+        $title = $post_type_object->labels->edit_item;
+
         if ( use_block_editor_for_post( $post ) ) {
                 include( ABSPATH . 'wp-admin/edit-form-blocks.php' );
                 break;
@@ -174 +176 @@
                         wp_enqueue_script('autosave');
         }
 
-        $title = $post_type_object->labels->edit_item;
         $post = get_post($post_id, OBJECT, 'edit');
 
         if ( post_type_supports($post_type, 'comments') ) {