diff --git a/packages/block-editor/src/components/editor-skeleton/index.js b/packages/block-editor/src/components/editor-skeleton/index.js index f95ad556fe525..5b566f87221ff 100644 --- a/packages/block-editor/src/components/editor-skeleton/index.js +++ b/packages/block-editor/src/components/editor-skeleton/index.js @@ -6,9 +6,24 @@ import classnames from 'classnames'; /** * WordPress dependencies */ +import { useEffect } from '@wordpress/element'; import { navigateRegions } from '@wordpress/components'; import { __ } from '@wordpress/i18n'; +function useHTMLClass( className ) { + useEffect( () => { + const element = + document && document.querySelector( `html:not(.${ className }` ); + if ( ! element ) { + return; + } + element.classList.toggle( className ); + return () => { + element.classList.toggle( className ); + }; + }, [ className ] ); +} + function EditorSkeleton( { footer, header, @@ -17,6 +32,7 @@ function EditorSkeleton( { publish, className, } ) { + useHTMLClass( 'block-editor-editor-skeleton__html-container' ); return (
- { // eslint-disable-next-line no-undef - image && sizeOptionsValid && __DEV__ && ( + { image && sizeOptionsValid && (