Editor: Limit spotlight mode to the editor. (#58817)

* Limit spotlight mode to the editor. * Revert "Limit spotlight mode to the editor." This reverts commit b8d4754. * Disable "Spotlight mode" for block previews. * Revert non-required changes.
WordPress · Feb 14, 2024 · ba496e6 · ba496e6 · github-actions · Feb 14, 2024
1 parent 7acb269
commit ba496e6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/block-preview/index.js b/packages/block-editor/src/components/block-preview/index.js
@@ -54,7 +54,11 @@ export function BlockPreview( {
  []
  );
  const settings = useMemo(
- () => ( { ...originalSettings, __unstableIsPreviewMode: true } ),
+ () => ( {
+ ...originalSettings,
+ focusMode: false, // Disable "Spotlight mode".
+ __unstableIsPreviewMode: true,
+ } ),
  [ originalSettings ]
  );
  const renderedBlocks = useMemo(
@@ -117,6 +121,7 @@ export function useBlockPreview( { blocks, props = {}, layout } ) {
  () => ( {
  ...originalSettings,
  styles: undefined, // Clear styles included by the parent settings, as they are already output by the parent's EditorStyles.
+ focusMode: false, // Disable "Spotlight mode".
  __unstableIsPreviewMode: true,
  } ),
  [ originalSettings ]

diff --git a/packages/edit-site/src/components/style-book/index.js b/packages/edit-site/src/components/style-book/index.js
@@ -425,7 +425,11 @@ const Example = ( { id, title, blocks, isSelected, onClick } ) => {
  []
  );
  const settings = useMemo(
- () => ( { ...originalSettings, __unstableIsPreviewMode: true } ),
+ () => ( {
+ ...originalSettings,
+ focusMode: false, // Disable "Spotlight mode".
+ __unstableIsPreviewMode: true,
+ } ),
  [ originalSettings ]
  );