@wordpress/editor 14.3.0 → 14.5.0

package/build-module/utils/media-upload/index.js

@@ -1,7 +1,12 @@
+/**
+ * External dependencies
+ */
+import { v4 as uuid } from 'uuid';
+
 /**
  * WordPress dependencies
  */
-import { select } from '@wordpress/data';
+import { select, dispatch } from '@wordpress/data';
 import { uploadMedia } from '@wordpress/media-utils';
 
 /**
@@ -34,18 +39,43 @@ export default function mediaUpload({
     getCurrentPost,
     getEditorSettings
   } = select(editorStore);
+  const {
+    lockPostAutosaving,
+    unlockPostAutosaving,
+    lockPostSaving,
+    unlockPostSaving
+  } = dispatch(editorStore);
   const wpAllowedMimeTypes = getEditorSettings().allowedMimeTypes;
+  const lockKey = `image-upload-${uuid()}`;
+  let imageIsUploading = false;
   maxUploadFileSize = maxUploadFileSize || getEditorSettings().maxUploadFileSize;
   const currentPost = getCurrentPost();
   // Templates and template parts' numerical ID is stored in `wp_id`.
   const currentPostId = typeof currentPost?.id === 'number' ? currentPost.id : currentPost?.wp_id;
+  const setSaveLock = () => {
+    lockPostSaving(lockKey);
+    lockPostAutosaving(lockKey);
+    imageIsUploading = true;
+  };
   const postData = currentPostId ? {
     post: currentPostId
   } : {};
+  const clearSaveLock = () => {
+    unlockPostSaving(lockKey);
+    unlockPostAutosaving(lockKey);
+    imageIsUploading = false;
+  };
   uploadMedia({
     allowedTypes,
     filesList,
-    onFileChange,
+    onFileChange: file => {
+      if (!imageIsUploading) {
+        setSaveLock();
+      } else {
+        clearSaveLock();
+      }
+      onFileChange(file);
+    },
     additionalData: {
       ...postData,
       ...additionalData
@@ -53,7 +83,10 @@ export default function mediaUpload({
     maxUploadFileSize,
     onError: ({
       message
-    }) => onError(message),
+    }) => {
+      clearSaveLock();
+      onError(message);
+    },
     wpAllowedMimeTypes
   });
 }

package/build-module/utils/media-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["select","uploadMedia","store","editorStore","noop","mediaUpload","additionalData","allowedTypes","filesList","maxUploadFileSize","onError","onFileChange","getCurrentPost","getEditorSettings","wpAllowedMimeTypes","allowedMimeTypes","currentPost","currentPostId","id","wp_id","postData","post","message"],"sources":["@wordpress/editor/src/utils/media-upload/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { select } from '@wordpress/data';\nimport { uploadMedia } from '@wordpress/media-utils';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nconst noop = () => {};\n\n/**\n * Upload a media file when the file upload button is activated.\n * Wrapper around mediaUpload() that injects the current post ID.\n *\n * @param {Object}   $0                   Parameters object passed to the function.\n * @param {?Object}  $0.additionalData    Additional data to include in the request.\n * @param {string}   $0.allowedTypes      Array with the types of media that can be uploaded, if unset all types are allowed.\n * @param {Array}    $0.filesList         List of files.\n * @param {?number}  $0.maxUploadFileSize Maximum upload size in bytes allowed for the site.\n * @param {Function} $0.onError           Function called when an error happens.\n * @param {Function} $0.onFileChange      Function called each time a file or a temporary representation of the file is available.\n */\nexport default function mediaUpload( {\n\tadditionalData = {},\n\tallowedTypes,\n\tfilesList,\n\tmaxUploadFileSize,\n\tonError = noop,\n\tonFileChange,\n} ) {\n\tconst { getCurrentPost, getEditorSettings } = select( editorStore );\n\tconst wpAllowedMimeTypes = getEditorSettings().allowedMimeTypes;\n\tmaxUploadFileSize =\n\t\tmaxUploadFileSize || getEditorSettings().maxUploadFileSize;\n\tconst currentPost = getCurrentPost();\n\t// Templates and template parts' numerical ID is stored in `wp_id`.\n\tconst currentPostId =\n\t\ttypeof currentPost?.id === 'number'\n\t\t\t? currentPost.id\n\t\t\t: currentPost?.wp_id;\n\tconst postData = currentPostId ? { post: currentPostId } : {};\n\n\tuploadMedia( {\n\t\tallowedTypes,\n\t\tfilesList,\n\t\tonFileChange,\n\t\tadditionalData: {\n\t\t\t...postData,\n\t\t\t...additionalData,\n\t\t},\n\t\tmaxUploadFileSize,\n\t\tonError: ( { message } ) => onError( message ),\n\t\twpAllowedMimeTypes,\n\t} );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,iBAAiB;AACxC,SAASC,WAAW,QAAQ,wBAAwB;;AAEpD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAElD,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,WAAWA,CAAE;EACpCC,cAAc,GAAG,CAAC,CAAC;EACnBC,YAAY;EACZC,SAAS;EACTC,iBAAiB;EACjBC,OAAO,GAAGN,IAAI;EACdO;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,cAAc;IAAEC;EAAkB,CAAC,GAAGb,MAAM,CAAEG,WAAY,CAAC;EACnE,MAAMW,kBAAkB,GAAGD,iBAAiB,CAAC,CAAC,CAACE,gBAAgB;EAC/DN,iBAAiB,GAChBA,iBAAiB,IAAII,iBAAiB,CAAC,CAAC,CAACJ,iBAAiB;EAC3D,MAAMO,WAAW,GAAGJ,cAAc,CAAC,CAAC;EACpC;EACA,MAAMK,aAAa,GAClB,OAAOD,WAAW,EAAEE,EAAE,KAAK,QAAQ,GAChCF,WAAW,CAACE,EAAE,GACdF,WAAW,EAAEG,KAAK;EACtB,MAAMC,QAAQ,GAAGH,aAAa,GAAG;IAAEI,IAAI,EAAEJ;EAAc,CAAC,GAAG,CAAC,CAAC;EAE7DhB,WAAW,CAAE;IACZM,YAAY;IACZC,SAAS;IACTG,YAAY;IACZL,cAAc,EAAE;MACf,GAAGc,QAAQ;MACX,GAAGd;IACJ,CAAC;IACDG,iBAAiB;IACjBC,OAAO,EAAEA,CAAE;MAAEY;IAAQ,CAAC,KAAMZ,OAAO,CAAEY,OAAQ,CAAC;IAC9CR;EACD,CAAE,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["v4","uuid","select","dispatch","uploadMedia","store","editorStore","noop","mediaUpload","additionalData","allowedTypes","filesList","maxUploadFileSize","onError","onFileChange","getCurrentPost","getEditorSettings","lockPostAutosaving","unlockPostAutosaving","lockPostSaving","unlockPostSaving","wpAllowedMimeTypes","allowedMimeTypes","lockKey","imageIsUploading","currentPost","currentPostId","id","wp_id","setSaveLock","postData","post","clearSaveLock","file","message"],"sources":["@wordpress/editor/src/utils/media-upload/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { v4 as uuid } from 'uuid';\n\n/**\n * WordPress dependencies\n */\nimport { select, dispatch } from '@wordpress/data';\nimport { uploadMedia } from '@wordpress/media-utils';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nconst noop = () => {};\n\n/**\n * Upload a media file when the file upload button is activated.\n * Wrapper around mediaUpload() that injects the current post ID.\n *\n * @param {Object}   $0                   Parameters object passed to the function.\n * @param {?Object}  $0.additionalData    Additional data to include in the request.\n * @param {string}   $0.allowedTypes      Array with the types of media that can be uploaded, if unset all types are allowed.\n * @param {Array}    $0.filesList         List of files.\n * @param {?number}  $0.maxUploadFileSize Maximum upload size in bytes allowed for the site.\n * @param {Function} $0.onError           Function called when an error happens.\n * @param {Function} $0.onFileChange      Function called each time a file or a temporary representation of the file is available.\n */\nexport default function mediaUpload( {\n\tadditionalData = {},\n\tallowedTypes,\n\tfilesList,\n\tmaxUploadFileSize,\n\tonError = noop,\n\tonFileChange,\n} ) {\n\tconst { getCurrentPost, getEditorSettings } = select( editorStore );\n\tconst {\n\t\tlockPostAutosaving,\n\t\tunlockPostAutosaving,\n\t\tlockPostSaving,\n\t\tunlockPostSaving,\n\t} = dispatch( editorStore );\n\n\tconst wpAllowedMimeTypes = getEditorSettings().allowedMimeTypes;\n\tconst lockKey = `image-upload-${ uuid() }`;\n\tlet imageIsUploading = false;\n\tmaxUploadFileSize =\n\t\tmaxUploadFileSize || getEditorSettings().maxUploadFileSize;\n\tconst currentPost = getCurrentPost();\n\t// Templates and template parts' numerical ID is stored in `wp_id`.\n\tconst currentPostId =\n\t\ttypeof currentPost?.id === 'number'\n\t\t\t? currentPost.id\n\t\t\t: currentPost?.wp_id;\n\tconst setSaveLock = () => {\n\t\tlockPostSaving( lockKey );\n\t\tlockPostAutosaving( lockKey );\n\t\timageIsUploading = true;\n\t};\n\n\tconst postData = currentPostId ? { post: currentPostId } : {};\n\tconst clearSaveLock = () => {\n\t\tunlockPostSaving( lockKey );\n\t\tunlockPostAutosaving( lockKey );\n\t\timageIsUploading = false;\n\t};\n\n\tuploadMedia( {\n\t\tallowedTypes,\n\t\tfilesList,\n\t\tonFileChange: ( file ) => {\n\t\t\tif ( ! imageIsUploading ) {\n\t\t\t\tsetSaveLock();\n\t\t\t} else {\n\t\t\t\tclearSaveLock();\n\t\t\t}\n\t\t\tonFileChange( file );\n\t\t},\n\t\tadditionalData: {\n\t\t\t...postData,\n\t\t\t...additionalData,\n\t\t},\n\t\tmaxUploadFileSize,\n\t\tonError: ( { message } ) => {\n\t\t\tclearSaveLock();\n\t\t\tonError( message );\n\t\t},\n\t\twpAllowedMimeTypes,\n\t} );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,IAAIC,IAAI,QAAQ,MAAM;;AAEjC;AACA;AACA;AACA,SAASC,MAAM,EAAEC,QAAQ,QAAQ,iBAAiB;AAClD,SAASC,WAAW,QAAQ,wBAAwB;;AAEpD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAElD,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,WAAWA,CAAE;EACpCC,cAAc,GAAG,CAAC,CAAC;EACnBC,YAAY;EACZC,SAAS;EACTC,iBAAiB;EACjBC,OAAO,GAAGN,IAAI;EACdO;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,cAAc;IAAEC;EAAkB,CAAC,GAAGd,MAAM,CAAEI,WAAY,CAAC;EACnE,MAAM;IACLW,kBAAkB;IAClBC,oBAAoB;IACpBC,cAAc;IACdC;EACD,CAAC,GAAGjB,QAAQ,CAAEG,WAAY,CAAC;EAE3B,MAAMe,kBAAkB,GAAGL,iBAAiB,CAAC,CAAC,CAACM,gBAAgB;EAC/D,MAAMC,OAAO,GAAI,gBAAgBtB,IAAI,CAAC,CAAG,EAAC;EAC1C,IAAIuB,gBAAgB,GAAG,KAAK;EAC5BZ,iBAAiB,GAChBA,iBAAiB,IAAII,iBAAiB,CAAC,CAAC,CAACJ,iBAAiB;EAC3D,MAAMa,WAAW,GAAGV,cAAc,CAAC,CAAC;EACpC;EACA,MAAMW,aAAa,GAClB,OAAOD,WAAW,EAAEE,EAAE,KAAK,QAAQ,GAChCF,WAAW,CAACE,EAAE,GACdF,WAAW,EAAEG,KAAK;EACtB,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBV,cAAc,CAAEI,OAAQ,CAAC;IACzBN,kBAAkB,CAAEM,OAAQ,CAAC;IAC7BC,gBAAgB,GAAG,IAAI;EACxB,CAAC;EAED,MAAMM,QAAQ,GAAGJ,aAAa,GAAG;IAAEK,IAAI,EAAEL;EAAc,CAAC,GAAG,CAAC,CAAC;EAC7D,MAAMM,aAAa,GAAGA,CAAA,KAAM;IAC3BZ,gBAAgB,CAAEG,OAAQ,CAAC;IAC3BL,oBAAoB,CAAEK,OAAQ,CAAC;IAC/BC,gBAAgB,GAAG,KAAK;EACzB,CAAC;EAEDpB,WAAW,CAAE;IACZM,YAAY;IACZC,SAAS;IACTG,YAAY,EAAImB,IAAI,IAAM;MACzB,IAAK,CAAET,gBAAgB,EAAG;QACzBK,WAAW,CAAC,CAAC;MACd,CAAC,MAAM;QACNG,aAAa,CAAC,CAAC;MAChB;MACAlB,YAAY,CAAEmB,IAAK,CAAC;IACrB,CAAC;IACDxB,cAAc,EAAE;MACf,GAAGqB,QAAQ;MACX,GAAGrB;IACJ,CAAC;IACDG,iBAAiB;IACjBC,OAAO,EAAEA,CAAE;MAAEqB;IAAQ,CAAC,KAAM;MAC3BF,aAAa,CAAC,CAAC;MACfnB,OAAO,CAAEqB,OAAQ,CAAC;IACnB,CAAC;IACDb;EACD,CAAE,CAAC;AACJ","ignoreList":[]}

package/build-style/style-rtl.css

@@ -34,6 +34,9 @@
  * Grid System.
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
+/**
+ * Radius scale.
+ */
 /**
  * Dimensions.
  */
@@ -177,7 +180,7 @@
     top: 0;
   }
 }
-.interface-complementary-area p:not(.components-base-control__help) {
+.interface-complementary-area p:not(.components-base-control__help, .components-form-token-field__help) {
   margin-top: 0;
 }
 .interface-complementary-area h2 {
@@ -638,10 +641,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   display: none;
 }
 
-.editor-collapsible-block-toolbar__toggle {
-  margin-right: 2px;
-}
-
 .editor-create-template-part-modal {
   z-index: 1000001;
 }
@@ -711,7 +710,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   min-width: 0;
   background: #f0f0f0;
   border-radius: 4px;
-  width: min(100%, 416px);
+  width: min(100%, 450px);
 }
 .editor-document-bar:hover {
   background-color: #e0e0e0;
@@ -729,11 +728,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .editor-document-bar .components-button:hover {
   background: #e0e0e0;
 }
-@media (min-width: 960px) {
-  .editor-document-bar {
-    width: min(100%, 450px);
-  }
-}
 
 .editor-document-bar__command {
   flex-grow: 1;
@@ -742,7 +736,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 
 .editor-document-bar__title {
-  flex-grow: 1;
+  flex: 1;
   overflow: hidden;
   color: #1e1e1e;
   gap: 4px;
@@ -937,9 +931,10 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .editor-document-tools__left {
   display: inline-flex;
   align-items: center;
-  padding-right: 16px;
   gap: 8px;
-  margin-left: 8px;
+}
+.editor-document-tools__left:not(:last-child) {
+  margin-inline-end: 8px;
 }
 
 .editor-document-tools .editor-document-tools__left > .editor-document-tools__inserter-toggle.has-icon {
@@ -962,6 +957,14 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   height: 61px;
 }
 
+.editor-editor-interface .interface-interface-skeleton__content {
+  isolation: isolate;
+}
+
+.editor-visual-editor {
+  flex: 1 0 auto;
+}
+
 .components-editor-notices__dismissible,
 .components-editor-notices__pinned {
   position: relative;
@@ -1025,12 +1028,26 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .editor-header {
   height: 60px;
   background: #fff;
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-auto-flow: row;
+  grid-template: auto/60px minmax(0, max-content) minmax(min-content, 1fr) 60px;
   align-items: center;
   max-width: 100vw;
   justify-content: space-between;
 }
+.editor-header:has(> .editor-header__center) {
+  grid-template: auto/60px min-content 1fr min-content 60px;
+}
+@media (min-width: 782px) {
+  .editor-header:has(> .editor-header__center) {
+    grid-template: auto/60px minmax(min-content, 1fr) 2fr minmax(min-content, 1fr) 60px;
+  }
+}
+@media (min-width: 480px) {
+  .editor-header {
+    gap: 16px;
+  }
+}
 @media (min-width: 280px) {
   .editor-header {
     flex-wrap: nowrap;
@@ -1038,16 +1055,26 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 
 .editor-header__toolbar {
+  grid-column: 1/3;
   display: flex;
-  flex-shrink: 8;
-  flex-grow: 3;
-  overflow: hidden;
-  padding: 2px 0;
+  min-width: 0;
   align-items: center;
+  clip-path: inset(-2px);
 }
-@media (min-width: 782px) {
+.editor-header__toolbar > :first-child {
+  margin-inline: 16px 0;
+}
+.editor-header__back-button + .editor-header__toolbar {
+  grid-column: 2/3;
+}
+@media (min-width: 480px) {
+  .editor-header__back-button + .editor-header__toolbar > :first-child {
+    margin-inline: 0;
+  }
+}
+@media (min-width: 480px) {
   .editor-header__toolbar {
-    padding-left: var(--wp-admin-border-width-focus);
+    clip-path: none;
   }
 }
 .editor-header__toolbar .table-of-contents {
@@ -1058,27 +1085,45 @@ body.is-fullscreen-mode .interface-interface-skeleton {
     display: block;
   }
 }
+.editor-header__toolbar .editor-collapsible-block-toolbar {
+  margin-inline: 8px 0;
+}
+.editor-header__toolbar .editor-collapsible-block-toolbar.is-collapsed ~ .editor-collapsible-block-toolbar__toggle {
+  margin-inline: 8px 0;
+}
 
 .editor-header__center {
-  flex-grow: 1;
+  grid-column: 3/4;
   display: flex;
   justify-content: center;
+  align-items: center;
   min-width: 0;
+  clip-path: inset(-2px);
 }
-.editor-header__center.is-collapsed {
-  display: none;
+@media (max-width: 479px) {
+  .editor-header__center > :first-child {
+    margin-inline-start: 8px;
+  }
+  .editor-header__center > :last-child {
+    margin-inline-end: 8px;
+  }
 }
 
 /**
  * Buttons on the right side
  */
 .editor-header__settings {
+  grid-column: 3/-1;
+  justify-self: end;
   display: inline-flex;
   align-items: center;
   flex-wrap: nowrap;
   padding-left: 4px;
   gap: 8px;
 }
+.editor-header:has(> .editor-header__center) .editor-header__settings {
+  grid-column: 4/-1;
+}
 @media (min-width: 600px) {
   .editor-header__settings {
     padding-left: 8px;
@@ -1236,12 +1281,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 
 .editor-inserter-sidebar__content {
-  height: calc(100% - 36px - 8px);
-}
-@media (min-width: 782px) {
-  .editor-inserter-sidebar__content {
-    height: 100%;
-  }
+  height: 100%;
 }
 
 .editor-keyboard-shortcut-help-modal__section {
@@ -1294,6 +1334,11 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .editor-list-view-sidebar {
   height: 100%;
 }
+@media (min-width: 782px) {
+  .editor-list-view-sidebar {
+    width: 350px;
+  }
+}
 
 .editor-list-view-sidebar__list-view-panel-content,
 .editor-list-view-sidebar__list-view-container > .document-outline {
@@ -1671,7 +1716,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   white-space: normal;
   text-wrap: balance;
   text-wrap: pretty;
-  height: auto;
   min-height: 32px;
 }
 .editor-post-panel__row-control .components-dropdown {
@@ -2170,6 +2214,7 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
   height: 24px;
   min-width: 24px;
   max-width: 24px;
+  position: relative;
   margin-top: 2px;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2202,24 +2247,28 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 }
 @media (min-width: 600px) {
   .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
-    height: 20px;
-    width: 20px;
-    min-width: 20px;
-    max-width: 20px;
+    height: 16px;
+    width: 16px;
+    min-width: 16px;
+    max-width: 16px;
   }
 }
 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
   box-sizing: inherit;
-  width: 8px;
-  height: 8px;
-  transform: translate(-7px, 7px);
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
   margin: 0;
   background-color: #fff;
   border: 4px solid #fff;
 }
 @media (min-width: 600px) {
   .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
-    transform: translate(-5px, 5px);
+    width: 8px;
+    height: 8px;
   }
 }
 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
@@ -2228,7 +2277,7 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 }
 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked {
   background: var(--wp-admin-theme-color);
-  border-color: var(--wp-admin-theme-color);
+  border: none;
 }
 .editor-post-visibility__fieldset .editor-post-visibility__info {
   color: #757575;
@@ -2237,7 +2286,7 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 }
 @media (min-width: 600px) {
   .editor-post-visibility__fieldset .editor-post-visibility__info {
-    margin-right: 32px;
+    margin-right: 28px;
   }
 }
 .editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info {
@@ -2296,6 +2345,11 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
   justify-content: center;
 }
 
+.editor-preview-dropdown .editor-preview-dropdown__toggle.has-icon.has-text {
+  padding-left: 4px;
+  padding-right: 6px;
+}
+
 .editor-preview-dropdown__button-external {
   width: 100%;
   display: flex;
@@ -2607,10 +2661,8 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 
 .editor-visual-editor {
   position: relative;
-  height: 100%;
-  display: block;
+  display: flex;
   background-color: #ddd;
-  isolation: isolate;
   align-items: center;
 }
 .editor-visual-editor.is-resizable {