@wordpress/block-library 9.41.0 → 9.41.1-next.v.202603161435.0

package/build-style/html/editor-rtl.css

@@ -95,20 +95,21 @@
   right: 0;
 }
 
-.block-library-html__modal {
-  height: 100%;
+@media (min-width: 600px) {
+  .block-library-html__modal:not(.is-full-screen) {
+    height: 9999rem;
+  }
 }
 .block-library-html__modal .components-modal__children-container {
   height: 100%;
 }
 
 .block-library-html__modal-tabs {
-  overflow-y: auto;
+  flex: 1;
 }
 
 .block-library-html__modal-content {
   flex: 1;
-  min-height: 0;
 }
 
 .block-library-html__modal-tab {
@@ -148,7 +149,10 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 16px;
-  flex: 1;
   min-height: 0;
+  overflow-y: auto;
+  flex: 1;
+}
+.block-library-html__preview iframe {
+  height: 100%;
 }

package/build-style/html/editor.css

@@ -95,20 +95,21 @@
   left: 0;
 }
 
-.block-library-html__modal {
-  height: 100%;
+@media (min-width: 600px) {
+  .block-library-html__modal:not(.is-full-screen) {
+    height: 9999rem;
+  }
 }
 .block-library-html__modal .components-modal__children-container {
   height: 100%;
 }
 
 .block-library-html__modal-tabs {
-  overflow-y: auto;
+  flex: 1;
 }
 
 .block-library-html__modal-content {
   flex: 1;
-  min-height: 0;
 }
 
 .block-library-html__modal-tab {
@@ -149,7 +150,10 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 16px;
-  flex: 1;
   min-height: 0;
+  overflow-y: auto;
+  flex: 1;
+}
+.block-library-html__preview iframe {
+  height: 100%;
 }

package/build-style/navigation/style-rtl.css

@@ -244,7 +244,17 @@
     transform: rotate(90deg);
   }
 }
-.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
+@media (hover: hover) {
+  .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
+    visibility: visible;
+    overflow: visible;
+    opacity: 1;
+    width: auto;
+    height: auto;
+    min-width: 200px;
+  }
+}
+.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
 .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;
@@ -564,6 +574,10 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container {
   display: block;
 }
+.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container {
+  left: auto;
+  right: 0;
+}
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
     display: block;

package/build-style/navigation/style.css

@@ -244,7 +244,17 @@
     transform: rotate(-90deg);
   }
 }
-.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
+@media (hover: hover) {
+  .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
+    visibility: visible;
+    overflow: visible;
+    opacity: 1;
+    width: auto;
+    height: auto;
+    min-width: 200px;
+  }
+}
+.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
 .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;
@@ -564,6 +574,10 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container {
   display: block;
 }
+.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container {
+  right: auto;
+  left: 0;
+}
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
     display: block;

package/build-style/navigation-overlay-close/style-rtl.css

@@ -3,7 +3,7 @@
   align-items: center;
   justify-content: center;
   gap: 0.5em;
-  padding: 0.5em;
+  padding: 0;
   border: none;
   background: transparent;
   cursor: pointer;
@@ -13,8 +13,8 @@
   outline-offset: 2px;
 }
 .wp-block-navigation-overlay-close svg {
-  width: 1.5em;
-  height: 1.5em;
+  width: 24px;
+  height: 24px;
   fill: currentColor;
   display: block;
   flex-shrink: 0;

package/build-style/navigation-overlay-close/style.css

@@ -3,7 +3,7 @@
   align-items: center;
   justify-content: center;
   gap: 0.5em;
-  padding: 0.5em;
+  padding: 0;
   border: none;
   background: transparent;
   cursor: pointer;
@@ -13,8 +13,8 @@
   outline-offset: 2px;
 }
 .wp-block-navigation-overlay-close svg {
-  width: 1.5em;
-  height: 1.5em;
+  width: 24px;
+  height: 24px;
   fill: currentColor;
   display: block;
   flex-shrink: 0;

package/build-style/playlist/style-rtl.css

@@ -332,6 +332,10 @@
     font-size: 10px;
   }
 }
+.wp-block-playlist {
+  overflow: hidden;
+  overflow: clip;
+}
 .wp-block-playlist .wp-block-playlist__waveform-player {
   width: 100%;
   margin: var(--wp--preset--spacing--20, 0.625em) 0;

package/build-style/playlist/style.css

@@ -332,6 +332,10 @@
     font-size: 10px;
   }
 }
+.wp-block-playlist {
+  overflow: hidden;
+  overflow: clip;
+}
 .wp-block-playlist .wp-block-playlist__waveform-player {
   width: 100%;
   margin: var(--wp--preset--spacing--20, 0.625em) 0;

package/build-style/style-rtl.css

@@ -2611,7 +2611,17 @@ ul {
     transform: rotate(90deg);
   }
 }
-.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
+@media (hover: hover) {
+  .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
+    visibility: visible;
+    overflow: visible;
+    opacity: 1;
+    width: auto;
+    height: auto;
+    min-width: 200px;
+  }
+}
+.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
 .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;
@@ -2931,6 +2941,10 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container {
   display: block;
 }
+.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container {
+  left: auto;
+  right: 0;
+}
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
     display: block;
@@ -3072,7 +3086,7 @@ html.has-modal-open {
   align-items: center;
   justify-content: center;
   gap: 0.5em;
-  padding: 0.5em;
+  padding: 0;
   border: none;
   background: transparent;
   cursor: pointer;
@@ -3082,8 +3096,8 @@ html.has-modal-open {
   outline-offset: 2px;
 }
 .wp-block-navigation-overlay-close svg {
-  width: 1.5em;
-  height: 1.5em;
+  width: 24px;
+  height: 24px;
   fill: currentColor;
   display: block;
   flex-shrink: 0;
@@ -3491,6 +3505,10 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
     font-size: 10px;
   }
 }
+.wp-block-playlist {
+  overflow: hidden;
+  overflow: clip;
+}
 .wp-block-playlist .wp-block-playlist__waveform-player {
   width: 100%;
   margin: var(--wp--preset--spacing--20, 0.625em) 0;
@@ -5178,6 +5196,7 @@ a[data-fn].fn::after {
   position: absolute;
   width: 1px;
   word-wrap: normal !important;
+  word-break: normal !important;
 }
 
 .screen-reader-text:focus {

package/build-style/style.css

@@ -2641,7 +2641,17 @@ ul {
     transform: rotate(-90deg);
   }
 }
-.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
+@media (hover: hover) {
+  .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
+    visibility: visible;
+    overflow: visible;
+    opacity: 1;
+    width: auto;
+    height: auto;
+    min-width: 200px;
+  }
+}
+.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
 .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;
@@ -2961,6 +2971,10 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container {
   display: block;
 }
+.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container {
+  right: auto;
+  left: 0;
+}
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
     display: block;
@@ -3102,7 +3116,7 @@ html.has-modal-open {
   align-items: center;
   justify-content: center;
   gap: 0.5em;
-  padding: 0.5em;
+  padding: 0;
   border: none;
   background: transparent;
   cursor: pointer;
@@ -3112,8 +3126,8 @@ html.has-modal-open {
   outline-offset: 2px;
 }
 .wp-block-navigation-overlay-close svg {
-  width: 1.5em;
-  height: 1.5em;
+  width: 24px;
+  height: 24px;
   fill: currentColor;
   display: block;
   flex-shrink: 0;
@@ -3521,6 +3535,10 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
     font-size: 10px;
   }
 }
+.wp-block-playlist {
+  overflow: hidden;
+  overflow: clip;
+}
 .wp-block-playlist .wp-block-playlist__waveform-player {
   width: 100%;
   margin: var(--wp--preset--spacing--20, 0.625em) 0;
@@ -5213,6 +5231,7 @@ a[data-fn].fn::after {
   position: absolute;
   width: 1px;
   word-wrap: normal !important;
+  word-break: normal !important;
 }
 
 .screen-reader-text:focus {

package/build-style/tabs-menu/editor-rtl.css

@@ -1,4 +1,6 @@
-.wp-block-tabs-menu .tabs__tab-label--placeholder {
-  opacity: 0.5;
-  font-style: italic;
+.wp-block-tabs-menu > .block-editor-block-list__layout {
+  display: contents;
+}
+.wp-block-tabs-menu .block-editor-block-list__block:has(> .wp-block-tabs-menu-item) {
+  display: contents;
 }

package/build-style/tabs-menu/editor.css

@@ -1,4 +1,6 @@
-.wp-block-tabs-menu .tabs__tab-label--placeholder {
-  opacity: 0.5;
-  font-style: italic;
+.wp-block-tabs-menu > .block-editor-block-list__layout {
+  display: contents;
+}
+.wp-block-tabs-menu .block-editor-block-list__block:has(> .wp-block-tabs-menu-item) {
+  display: contents;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.41.0",
+	"version": "9.41.1-next.v.202603161435.0+ab4981c4f",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -95,42 +95,42 @@
 	],
 	"dependencies": {
 		"@arraypress/waveform-player": "1.2.1",
-		"@wordpress/a11y": "^4.41.0",
-		"@wordpress/api-fetch": "^7.41.0",
-		"@wordpress/autop": "^4.41.0",
-		"@wordpress/base-styles": "^6.17.0",
-		"@wordpress/blob": "^4.41.0",
-		"@wordpress/block-editor": "^15.14.0",
-		"@wordpress/blocks": "^15.14.0",
-		"@wordpress/components": "^32.3.0",
-		"@wordpress/compose": "^7.41.0",
-		"@wordpress/core-data": "^7.41.0",
-		"@wordpress/data": "^10.41.0",
-		"@wordpress/date": "^5.41.0",
-		"@wordpress/deprecated": "^4.41.0",
-		"@wordpress/dom": "^4.41.0",
-		"@wordpress/element": "^6.41.0",
-		"@wordpress/escape-html": "^3.41.0",
-		"@wordpress/hooks": "^4.41.0",
-		"@wordpress/html-entities": "^4.41.0",
-		"@wordpress/i18n": "^6.14.0",
-		"@wordpress/icons": "^11.8.0",
-		"@wordpress/interactivity": "^6.41.0",
-		"@wordpress/interactivity-router": "^2.41.0",
-		"@wordpress/keyboard-shortcuts": "^5.41.0",
-		"@wordpress/keycodes": "^4.41.0",
-		"@wordpress/latex-to-mathml": "^1.9.0",
-		"@wordpress/notices": "^5.41.0",
-		"@wordpress/patterns": "^2.41.0",
-		"@wordpress/primitives": "^4.41.0",
-		"@wordpress/private-apis": "^1.41.0",
-		"@wordpress/reusable-blocks": "^5.41.0",
-		"@wordpress/rich-text": "^7.41.0",
-		"@wordpress/server-side-render": "^6.17.0",
-		"@wordpress/upload-media": "^0.26.0",
-		"@wordpress/url": "^4.41.0",
-		"@wordpress/viewport": "^6.41.0",
-		"@wordpress/wordcount": "^4.41.0",
+		"@wordpress/a11y": "^4.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/api-fetch": "^7.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/autop": "^4.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/base-styles": "^6.17.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/blob": "^4.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/block-editor": "^15.14.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/blocks": "^15.14.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/components": "^32.4.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/compose": "^7.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/core-data": "^7.41.2-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/data": "^10.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/date": "^5.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/deprecated": "^4.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/dom": "^4.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/element": "^6.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/escape-html": "^3.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/hooks": "^4.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/html-entities": "^4.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/i18n": "^6.14.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/icons": "^12.0.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/interactivity": "^6.41.2-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/interactivity-router": "^2.41.2-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/keyboard-shortcuts": "^5.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/keycodes": "^4.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/latex-to-mathml": "^1.9.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/notices": "^5.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/patterns": "^2.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/primitives": "^4.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/private-apis": "^1.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/reusable-blocks": "^5.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/rich-text": "^7.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/server-side-render": "^6.17.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/upload-media": "^0.26.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/url": "^4.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/viewport": "^6.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/wordcount": "^4.41.1-next.v.202603161435.0+ab4981c4f",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -151,5 +151,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "8bfc179b9aed74c0a6dd6e8edf7a49e40e4f87cc"
+	"gitHead": "748f4e4564fcc0e6ae90200d90bb993a3cef5828"
 }

package/src/accordion-item/index.php

@@ -6,13 +6,12 @@
  * @package WordPress
  * @since 6.9.0
  *
- * @param array $attributes The block attributes.
- * @param string $content The block content.
- *
+ * @param array{ openByDefault: bool } $attributes The block attributes.
+ * @param string                        $content   The block content.
  * @return string Returns the updated markup.
  */
-function block_core_accordion_item_render( $attributes, $content ) {
-	if ( ! $content ) {
+function block_core_accordion_item_render( array $attributes, string $content ): string {
+	if ( '' === $content ) {
 		return $content;
 	}
 
@@ -55,6 +54,19 @@ function block_core_accordion_item_render( $attributes, $content ) {
 		}
 	}
 
+	/*
+	 * If an Accordion Item is collapsed by default, ensure any contained IMG has fetchpriority=low to deprioritize it
+	 * from contending with resources in the critical rendering path. In contrast, remove the loading attribute to
+	 * prevent the image from not being available when the item is expanded.
+	 */
+	if ( ! $attributes['openByDefault'] ) {
+		$processor = new WP_HTML_Tag_Processor( $content );
+		while ( $processor->next_tag( 'IMG' ) ) {
+			$processor->set_attribute( 'fetchpriority', 'low' );
+		}
+		$content = $processor->get_updated_html();
+	}
+
 	return $content;
 }
 

package/src/common.scss

@@ -92,6 +92,7 @@
 	position: absolute;
 	width: 1px;
 	word-wrap: normal !important;
+	word-break: normal !important;
 }
 
 .screen-reader-text:focus {

package/src/cover/edit/cover-placeholder.js

@@ -4,6 +4,7 @@
 import { BlockIcon, MediaPlaceholder } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { cover as icon } from '@wordpress/icons';
+import { createBlobURL } from '@wordpress/blob';
 
 /**
  * Internal dependencies
@@ -18,6 +19,12 @@ export default function CoverPlaceholder( {
 	style,
 	toggleUseFeaturedImage,
 } ) {
+	const onFilesPreUpload = ( files ) => {
+		if ( files.length === 1 ) {
+			onSelectMedia( { url: createBlobURL( files[ 0 ] ) } );
+		}
+	};
+
 	return (
 		<MediaPlaceholder
 			icon={ <BlockIcon icon={ icon } /> }
@@ -28,6 +35,7 @@ export default function CoverPlaceholder( {
 			allowedTypes={ ALLOWED_MEDIA_TYPES }
 			disableMediaButtons={ disableMediaButtons }
 			onToggleFeaturedImage={ toggleUseFeaturedImage }
+			onFilesPreUpload={ onFilesPreUpload }
 			onError={ onError }
 			style={ style }
 		>

package/src/cover/index.php

@@ -66,6 +66,14 @@ function render_block_core_cover( $attributes, $content ) {
 						$query_params['controls']       = '0';
 						$query_params['modestbranding'] = '1';
 						$query_params['playsinline']    = '1';
+
+						// For loop to work, we need the playlist parameter.
+						$path          = $parsed_url['path'] ?? '';
+						$path_segments = explode( '/', $path );
+						$video_id      = end( $path_segments );
+						if ( $video_id ) {
+								$query_params['playlist'] = $video_id;
+						}
 					} elseif ( 'vimeo' === $provider ) {
 						$query_params['autoplay']    = '1';
 						$query_params['muted']       = '1';

package/src/details/index.php

@@ -0,0 +1,47 @@
+<?php
+/**
+ * Server-side rendering of the `core/details` block.
+ *
+ * @package WordPress
+ */
+
+/**
+ * Sets fetchpriority="low" on all IMG tags within the collapsed Details block.
+ *
+ * Images in a collapsed Details block are hidden until the block is expanded, so they should
+ * not compete with any resources in the critical rendering path, such as the LCP element image.
+ *
+ * @since 7.0.0
+ *
+ * @param string $block_content The block content.
+ * @param array  $block         The full block, including name and attributes.
+ * @return string Modified HTML with fetchpriority="low" on all IMG tags when the showContent attribute is false.
+ */
+function block_core_details_set_img_fetchpriority_low( $block_content, array $block ): string {
+	if ( ! is_string( $block_content ) ) {
+		return '';
+	}
+
+	// If the Details block is open by default, short-circuit to let core add fetchpriority=high if appropriate.
+	if ( $block['attrs']['showContent'] ?? false ) {
+		return $block_content;
+	}
+
+	$tags = new WP_HTML_Tag_Processor( $block_content );
+	while ( $tags->next_tag( 'IMG' ) ) {
+		$tags->set_attribute( 'fetchpriority', 'low' );
+	}
+	return $tags->get_updated_html();
+}
+
+add_filter( 'render_block_core/details', 'block_core_details_set_img_fetchpriority_low', 10, 2 );
+
+/**
+ * Registers the `core/details` block on server.
+ *
+ * @since 7.0.0
+ */
+function register_block_core_details() {
+	register_block_type_from_metadata( __DIR__ . '/details' );
+}
+add_action( 'init', 'register_block_core_details' );

package/src/html/block.json

@@ -21,7 +21,8 @@
 		"interactivity": {
 			"clientNavigation": true
 		},
-		"customCSS": false
+		"customCSS": false,
+		"visibility": false
 	},
 	"editorStyle": "wp-block-html-editor"
 }

package/src/html/editor.scss

@@ -14,7 +14,14 @@
 
 // Modal styles
 .block-library-html__modal {
-	height: 100%;
+
+	// On medium and large screens, the modal component sets a max-height.
+	// We want the modal to be as tall as possible also when the content is short.
+	@include break-small() {
+		&:not(.is-full-screen) {
+			height: 9999rem;
+		}
+	}
 
 	.components-modal__children-container {
 		height: 100%;
@@ -22,12 +29,11 @@
 }
 
 .block-library-html__modal-tabs {
-	overflow-y: auto;
+	flex: 1;
 }
 
 .block-library-html__modal-content {
 	flex: 1;
-	min-height: 0;
 }
 
 .block-library-html__modal-tab {
@@ -71,7 +77,11 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	padding: $grid-unit-20;
-	flex: 1;
 	min-height: 0;
+	overflow-y: auto;
+	flex: 1;
+
+	iframe {
+		height: 100%;
+	}
 }