@wordpress/block-library 9.35.1-next.dc3f6d3c1.0 → 9.36.1-next.8b30e05b0.0

package/build-style/accordion-panel/style.css

@@ -1,7 +1,4 @@
-.wp-block-accordion-panel.wp-block-accordion-panel {
-  min-width: 100%;
-}
-.wp-block-accordion-panel.wp-block-accordion-panel[inert], .wp-block-accordion-panel.wp-block-accordion-panel[aria-hidden=true] {
+.wp-block-accordion-panel[inert], .wp-block-accordion-panel[aria-hidden=true] {
   display: none;
   margin-block-start: 0;
 }

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

@@ -337,6 +337,50 @@
   border: none;
   box-shadow: none;
 }
+.wp-block-cover-image .wp-block-cover__embed-background,
+.wp-block-cover .wp-block-cover__embed-background {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+  pointer-events: none;
+}
+.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper,
+.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+.wp-block-cover-image .wp-block-cover__embed-background iframe,
+.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,
+.wp-block-cover .wp-block-cover__embed-background iframe,
+.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe {
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  width: 100vw;
+  height: 100vh;
+  min-width: 100%;
+  min-height: 100%;
+  transform: translate(50%, -50%);
+  pointer-events: none;
+}
 
 .wp-block-cover-image.has-parallax,
 .wp-block-cover.has-parallax,
@@ -446,6 +490,9 @@ section.wp-block-cover-image > h2,
 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
   z-index: 0;
 }
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__embed-background {
+  z-index: 0;
+}
 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
   z-index: 0;
 }

package/build-style/cover/style.css

@@ -339,6 +339,50 @@
   border: none;
   box-shadow: none;
 }
+.wp-block-cover-image .wp-block-cover__embed-background,
+.wp-block-cover .wp-block-cover__embed-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+  pointer-events: none;
+}
+.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper,
+.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+.wp-block-cover-image .wp-block-cover__embed-background iframe,
+.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,
+.wp-block-cover .wp-block-cover__embed-background iframe,
+.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100vw;
+  height: 100vh;
+  min-width: 100%;
+  min-height: 100%;
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+}
 
 .wp-block-cover-image.has-parallax,
 .wp-block-cover.has-parallax,
@@ -448,6 +492,9 @@ section.wp-block-cover-image > h2,
 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
   z-index: 0;
 }
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__embed-background {
+  z-index: 0;
+}
 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
   z-index: 0;
 }

package/build-style/editor-rtl.css

@@ -1113,19 +1113,20 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   right: 0;
 }
 
-.block-library-html__modal .components-modal__content {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  min-height: 70vh;
+.block-library-html__modal {
+  height: 100%;
 }
 .block-library-html__modal .components-modal__children-container {
   height: 100%;
-  padding: 16px;
 }
 
 .block-library-html__modal-tabs {
-  height: 100%;
+  overflow-y: auto;
+}
+
+.block-library-html__modal-content {
+  flex: 1;
+  min-height: 0;
 }
 
 .block-library-html__modal-tab {
@@ -1165,12 +1166,9 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 48px;
-}
-
-.block-library-html__modal-actions {
-  margin-top: 16px;
-  padding: 0 32px 32px;
+  padding: 16px;
+  flex: 1;
+  min-height: 0;
 }
 
 .wp-block-image.wp-block-image .block-editor-media-placeholder.is-small {

package/build-style/editor.css

@@ -1119,19 +1119,20 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   left: 0;
 }
 
-.block-library-html__modal .components-modal__content {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  min-height: 70vh;
+.block-library-html__modal {
+  height: 100%;
 }
 .block-library-html__modal .components-modal__children-container {
   height: 100%;
-  padding: 16px;
 }
 
 .block-library-html__modal-tabs {
-  height: 100%;
+  overflow-y: auto;
+}
+
+.block-library-html__modal-content {
+  flex: 1;
+  min-height: 0;
 }
 
 .block-library-html__modal-tab {
@@ -1172,12 +1173,9 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 48px;
-}
-
-.block-library-html__modal-actions {
-  margin-top: 16px;
-  padding: 0 32px 32px;
+  padding: 16px;
+  flex: 1;
+  min-height: 0;
 }
 
 .wp-block-image.wp-block-image .block-editor-media-placeholder.is-small {

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

@@ -91,19 +91,20 @@
   right: 0;
 }
 
-.block-library-html__modal .components-modal__content {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  min-height: 70vh;
+.block-library-html__modal {
+  height: 100%;
 }
 .block-library-html__modal .components-modal__children-container {
   height: 100%;
-  padding: 16px;
 }
 
 .block-library-html__modal-tabs {
-  height: 100%;
+  overflow-y: auto;
+}
+
+.block-library-html__modal-content {
+  flex: 1;
+  min-height: 0;
 }
 
 .block-library-html__modal-tab {
@@ -143,10 +144,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 48px;
-}
-
-.block-library-html__modal-actions {
-  margin-top: 16px;
-  padding: 0 32px 32px;
+  padding: 16px;
+  flex: 1;
+  min-height: 0;
 }

package/build-style/html/editor.css

@@ -91,19 +91,20 @@
   left: 0;
 }
 
-.block-library-html__modal .components-modal__content {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  min-height: 70vh;
+.block-library-html__modal {
+  height: 100%;
 }
 .block-library-html__modal .components-modal__children-container {
   height: 100%;
-  padding: 16px;
 }
 
 .block-library-html__modal-tabs {
-  height: 100%;
+  overflow-y: auto;
+}
+
+.block-library-html__modal-content {
+  flex: 1;
+  min-height: 0;
 }
 
 .block-library-html__modal-tab {
@@ -144,10 +145,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 48px;
-}
-
-.block-library-html__modal-actions {
-  margin-top: 16px;
-  padding: 0 32px 32px;
+  padding: 16px;
+  flex: 1;
+  min-height: 0;
 }

package/build-style/style-rtl.css

@@ -1,11 +1,8 @@
 @charset "UTF-8";
-.wp-block-accordion-item {
-  display: grid;
-  grid-template-rows: max-content 0fr;
-}
-.wp-block-accordion-item.is-open {
-  grid-template-rows: max-content 1fr;
+.wp-block-accordion {
+  box-sizing: border-box;
 }
+
 .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
   transform: rotate(-45deg);
 }
@@ -21,8 +18,7 @@
   }
 }
 
-.wp-block-accordion-heading.wp-block-accordion-heading {
-  min-width: 100%;
+.wp-block-accordion-heading {
   margin: 0;
 }
 
@@ -78,10 +74,7 @@
   justify-content: center;
 }
 
-.wp-block-accordion-panel.wp-block-accordion-panel {
-  min-width: 100%;
-}
-.wp-block-accordion-panel.wp-block-accordion-panel[inert], .wp-block-accordion-panel.wp-block-accordion-panel[aria-hidden=true] {
+.wp-block-accordion-panel[inert], .wp-block-accordion-panel[aria-hidden=true] {
   display: none;
   margin-block-start: 0;
 }
@@ -1018,6 +1011,50 @@
   border: none;
   box-shadow: none;
 }
+.wp-block-cover-image .wp-block-cover__embed-background,
+.wp-block-cover .wp-block-cover__embed-background {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+  pointer-events: none;
+}
+.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper,
+.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+.wp-block-cover-image .wp-block-cover__embed-background iframe,
+.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,
+.wp-block-cover .wp-block-cover__embed-background iframe,
+.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe {
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  width: 100vw;
+  height: 100vh;
+  min-width: 100%;
+  min-height: 100%;
+  transform: translate(50%, -50%);
+  pointer-events: none;
+}
 
 .wp-block-cover-image.has-parallax,
 .wp-block-cover.has-parallax,
@@ -1127,6 +1164,9 @@ section.wp-block-cover-image > h2,
 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
   z-index: 0;
 }
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__embed-background {
+  z-index: 0;
+}
 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
   z-index: 0;
 }

package/build-style/style.css

@@ -1,11 +1,8 @@
 @charset "UTF-8";
-.wp-block-accordion-item {
-  display: grid;
-  grid-template-rows: max-content 0fr;
-}
-.wp-block-accordion-item.is-open {
-  grid-template-rows: max-content 1fr;
+.wp-block-accordion {
+  box-sizing: border-box;
 }
+
 .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
   transform: rotate(45deg);
 }
@@ -21,8 +18,7 @@
   }
 }
 
-.wp-block-accordion-heading.wp-block-accordion-heading {
-  min-width: 100%;
+.wp-block-accordion-heading {
   margin: 0;
 }
 
@@ -78,10 +74,7 @@
   justify-content: center;
 }
 
-.wp-block-accordion-panel.wp-block-accordion-panel {
-  min-width: 100%;
-}
-.wp-block-accordion-panel.wp-block-accordion-panel[inert], .wp-block-accordion-panel.wp-block-accordion-panel[aria-hidden=true] {
+.wp-block-accordion-panel[inert], .wp-block-accordion-panel[aria-hidden=true] {
   display: none;
   margin-block-start: 0;
 }
@@ -1025,6 +1018,50 @@
   border: none;
   box-shadow: none;
 }
+.wp-block-cover-image .wp-block-cover__embed-background,
+.wp-block-cover .wp-block-cover__embed-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+  pointer-events: none;
+}
+.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper,
+.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+.wp-block-cover-image .wp-block-cover__embed-background iframe,
+.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,
+.wp-block-cover .wp-block-cover__embed-background iframe,
+.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100vw;
+  height: 100vh;
+  min-width: 100%;
+  min-height: 100%;
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+}
 
 .wp-block-cover-image.has-parallax,
 .wp-block-cover.has-parallax,
@@ -1134,6 +1171,9 @@ section.wp-block-cover-image > h2,
 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
   z-index: 0;
 }
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__embed-background {
+  z-index: 0;
+}
 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
   z-index: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.35.1-next.dc3f6d3c1.0",
+	"version": "9.36.1-next.8b30e05b0.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -82,41 +82,41 @@
 		"{src,build,build-module}/*/init.js"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/api-fetch": "^7.35.1-next.dc3f6d3c1.0",
-		"@wordpress/autop": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/base-styles": "^6.11.1-next.dc3f6d3c1.0",
-		"@wordpress/blob": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/block-editor": "^15.8.1-next.dc3f6d3c1.0",
-		"@wordpress/blocks": "^15.8.1-next.dc3f6d3c1.0",
-		"@wordpress/components": "^30.8.2-next.dc3f6d3c1.0",
-		"@wordpress/compose": "^7.35.1-next.dc3f6d3c1.0",
-		"@wordpress/core-data": "^7.35.1-next.dc3f6d3c1.0",
-		"@wordpress/data": "^10.35.1-next.dc3f6d3c1.0",
-		"@wordpress/date": "^5.35.1-next.dc3f6d3c1.0",
-		"@wordpress/deprecated": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/dom": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/element": "^6.35.1-next.dc3f6d3c1.0",
-		"@wordpress/escape-html": "^3.35.1-next.dc3f6d3c1.0",
-		"@wordpress/hooks": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/html-entities": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/i18n": "^6.8.1-next.dc3f6d3c1.0",
-		"@wordpress/icons": "^11.2.1-next.dc3f6d3c1.0",
-		"@wordpress/interactivity": "^6.35.1-next.dc3f6d3c1.0",
-		"@wordpress/interactivity-router": "^2.35.1-next.dc3f6d3c1.0",
-		"@wordpress/keyboard-shortcuts": "^5.35.1-next.dc3f6d3c1.0",
-		"@wordpress/keycodes": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/latex-to-mathml": "^1.3.1-next.dc3f6d3c1.0",
-		"@wordpress/notices": "^5.35.1-next.dc3f6d3c1.0",
-		"@wordpress/patterns": "^2.35.1-next.dc3f6d3c1.0",
-		"@wordpress/primitives": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/private-apis": "^1.35.1-next.dc3f6d3c1.0",
-		"@wordpress/reusable-blocks": "^5.35.1-next.dc3f6d3c1.0",
-		"@wordpress/rich-text": "^7.35.1-next.dc3f6d3c1.0",
-		"@wordpress/server-side-render": "^6.11.1-next.dc3f6d3c1.0",
-		"@wordpress/url": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/viewport": "^6.35.1-next.dc3f6d3c1.0",
-		"@wordpress/wordcount": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/a11y": "^4.36.1-next.8b30e05b0.0",
+		"@wordpress/api-fetch": "^7.36.1-next.8b30e05b0.0",
+		"@wordpress/autop": "^4.36.1-next.8b30e05b0.0",
+		"@wordpress/base-styles": "^6.12.1-next.8b30e05b0.0",
+		"@wordpress/blob": "^4.36.1-next.8b30e05b0.0",
+		"@wordpress/block-editor": "^15.9.1-next.8b30e05b0.0",
+		"@wordpress/blocks": "^15.9.1-next.8b30e05b0.0",
+		"@wordpress/components": "^30.9.1-next.8b30e05b0.0",
+		"@wordpress/compose": "^7.36.1-next.8b30e05b0.0",
+		"@wordpress/core-data": "^7.36.1-next.8b30e05b0.0",
+		"@wordpress/data": "^10.36.1-next.8b30e05b0.0",
+		"@wordpress/date": "^5.36.1-next.8b30e05b0.0",
+		"@wordpress/deprecated": "^4.36.1-next.8b30e05b0.0",
+		"@wordpress/dom": "^4.36.1-next.8b30e05b0.0",
+		"@wordpress/element": "^6.36.1-next.8b30e05b0.0",
+		"@wordpress/escape-html": "^3.36.1-next.8b30e05b0.0",
+		"@wordpress/hooks": "^4.36.1-next.8b30e05b0.0",
+		"@wordpress/html-entities": "^4.36.1-next.8b30e05b0.0",
+		"@wordpress/i18n": "^6.9.1-next.8b30e05b0.0",
+		"@wordpress/icons": "^11.3.1-next.8b30e05b0.0",
+		"@wordpress/interactivity": "^6.36.1-next.8b30e05b0.0",
+		"@wordpress/interactivity-router": "^2.36.1-next.8b30e05b0.0",
+		"@wordpress/keyboard-shortcuts": "^5.36.1-next.8b30e05b0.0",
+		"@wordpress/keycodes": "^4.36.1-next.8b30e05b0.0",
+		"@wordpress/latex-to-mathml": "^1.4.1-next.8b30e05b0.0",
+		"@wordpress/notices": "^5.36.1-next.8b30e05b0.0",
+		"@wordpress/patterns": "^2.36.1-next.8b30e05b0.0",
+		"@wordpress/primitives": "^4.36.1-next.8b30e05b0.0",
+		"@wordpress/private-apis": "^1.36.1-next.8b30e05b0.0",
+		"@wordpress/reusable-blocks": "^5.36.1-next.8b30e05b0.0",
+		"@wordpress/rich-text": "^7.36.1-next.8b30e05b0.0",
+		"@wordpress/server-side-render": "^6.12.1-next.8b30e05b0.0",
+		"@wordpress/url": "^4.36.1-next.8b30e05b0.0",
+		"@wordpress/viewport": "^6.36.1-next.8b30e05b0.0",
+		"@wordpress/wordcount": "^4.36.1-next.8b30e05b0.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -134,5 +134,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f73b5e69b34fbaccfb8c47783f4f993059ff1a41"
+	"gitHead": "2466f6bc223f8be98c55e1ac7270e8c3e413eaaf"
 }

package/src/accordion/style.scss

@@ -0,0 +1,4 @@
+.wp-block-accordion {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
+}

package/src/accordion/view.js

@@ -3,7 +3,11 @@
  */
 import { store, getContext, withSyncEvent } from '@wordpress/interactivity';
 
-store(
+// Whether the hash has been handled for the current page load.
+// This is used to prevent the hash from being handled multiple times.
+let hashHandled = false;
+
+const { actions } = store(
 	'core/accordion',
 	{
 		state: {
@@ -75,15 +79,68 @@ store(
 					nextButton.focus();
 				}
 			} ),
+			openPanelByHash: () => {
+				if ( hashHandled || ! window.location?.hash?.length ) {
+					return;
+				}
+
+				const context = getContext();
+				const { id, accordionItems, autoclose } = context;
+				const hash = decodeURIComponent(
+					window.location.hash.slice( 1 )
+				);
+				const targetElement = window.document.getElementById( hash );
+
+				if ( ! targetElement ) {
+					return;
+				}
+
+				const panelElement = window.document.querySelector(
+					'.wp-block-accordion-panel[aria-labelledby="' + id + '"]'
+				);
+
+				if (
+					! panelElement ||
+					! panelElement.contains( targetElement )
+				) {
+					return;
+				}
+
+				hashHandled = true;
+
+				if ( autoclose ) {
+					accordionItems.forEach( ( item ) => {
+						item.isOpen = item.id === id;
+					} );
+				} else {
+					const targetItem = accordionItems.find(
+						( item ) => item.id === id
+					);
+
+					if ( targetItem ) {
+						targetItem.isOpen = true;
+					}
+				}
+
+				// Wait for the panel to be opened before scrolling to it.
+				window.setTimeout( () => {
+					targetElement.scrollIntoView();
+				}, 0 );
+			},
 		},
 		callbacks: {
 			initAccordionItems: () => {
 				const context = getContext();
-				const { id, openByDefault } = context;
-				context.accordionItems.push( {
+				const { id, openByDefault, accordionItems } = context;
+				accordionItems.push( {
 					id,
 					isOpen: openByDefault,
 				} );
+				actions.openPanelByHash();
+			},
+			hashChange: () => {
+				hashHandled = false;
+				actions.openPanelByHash();
 			},
 		},
 	},