@wordpress/block-library 9.33.2-next.36001005c.0 → 9.33.3

package/build-style/style-rtl.css

@@ -2187,6 +2187,11 @@ ul {
   box-sizing: border-box;
 }
 
+.wp-block-math {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
 .wp-block-media-text {
   direction: ltr;
   display: grid;

package/build-style/style.css

@@ -2207,6 +2207,11 @@ ul {
   box-sizing: border-box;
 }
 
+.wp-block-math {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
 .wp-block-media-text {
   /*!rtl:begin:ignore*/
   direction: ltr;

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

@@ -79,7 +79,7 @@
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
-  font-weight: 499;
+  font-weight: 500;
   display: block;
 }
 

package/build-style/video/editor.css

@@ -79,7 +79,7 @@
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
-  font-weight: 499;
+  font-weight: 500;
   display: block;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.33.2-next.36001005c.0",
+	"version": "9.33.3",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -81,41 +81,41 @@
 		"{src,build,build-module}/*/init.js"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.33.1-next.36001005c.0",
-		"@wordpress/api-fetch": "^7.33.1-next.36001005c.0",
-		"@wordpress/autop": "^4.33.1-next.36001005c.0",
-		"@wordpress/base-styles": "^6.10.1-next.36001005c.0",
-		"@wordpress/blob": "^4.33.1-next.36001005c.0",
-		"@wordpress/block-editor": "^15.6.1-next.36001005c.0",
-		"@wordpress/blocks": "^15.6.1-next.36001005c.0",
-		"@wordpress/components": "^30.7.1-next.36001005c.0",
-		"@wordpress/compose": "^7.33.1-next.36001005c.0",
-		"@wordpress/core-data": "^7.33.1-next.36001005c.0",
-		"@wordpress/data": "^10.33.1-next.36001005c.0",
-		"@wordpress/date": "^5.33.1-next.36001005c.0",
-		"@wordpress/deprecated": "^4.33.1-next.36001005c.0",
-		"@wordpress/dom": "^4.33.1-next.36001005c.0",
-		"@wordpress/element": "^6.33.1-next.36001005c.0",
-		"@wordpress/escape-html": "^3.33.1-next.36001005c.0",
-		"@wordpress/hooks": "^4.33.1-next.36001005c.0",
-		"@wordpress/html-entities": "^4.33.1-next.36001005c.0",
-		"@wordpress/i18n": "^6.6.1-next.36001005c.0",
-		"@wordpress/icons": "^11.0.1-next.36001005c.0",
-		"@wordpress/interactivity": "^6.33.1-next.36001005c.0",
-		"@wordpress/interactivity-router": "^2.33.1-next.36001005c.0",
-		"@wordpress/keyboard-shortcuts": "^5.33.1-next.36001005c.0",
-		"@wordpress/keycodes": "^4.33.1-next.36001005c.0",
-		"@wordpress/latex-to-mathml": "^1.1.1-next.36001005c.0",
-		"@wordpress/notices": "^5.33.1-next.36001005c.0",
-		"@wordpress/patterns": "^2.33.1-next.36001005c.0",
-		"@wordpress/primitives": "^4.33.1-next.36001005c.0",
-		"@wordpress/private-apis": "^1.33.1-next.36001005c.0",
-		"@wordpress/reusable-blocks": "^5.33.1-next.36001005c.0",
-		"@wordpress/rich-text": "^7.33.1-next.36001005c.0",
-		"@wordpress/server-side-render": "^6.9.1-next.36001005c.0",
-		"@wordpress/url": "^4.33.1-next.36001005c.0",
-		"@wordpress/viewport": "^6.33.1-next.36001005c.0",
-		"@wordpress/wordcount": "^4.33.1-next.36001005c.0",
+		"@wordpress/a11y": "^4.33.1",
+		"@wordpress/api-fetch": "^7.33.1",
+		"@wordpress/autop": "^4.33.1",
+		"@wordpress/base-styles": "^6.9.1",
+		"@wordpress/blob": "^4.33.1",
+		"@wordpress/block-editor": "^15.6.2",
+		"@wordpress/blocks": "^15.6.1",
+		"@wordpress/components": "^30.6.1",
+		"@wordpress/compose": "^7.33.1",
+		"@wordpress/core-data": "^7.33.2",
+		"@wordpress/data": "^10.33.1",
+		"@wordpress/date": "^5.33.1",
+		"@wordpress/deprecated": "^4.33.1",
+		"@wordpress/dom": "^4.33.1",
+		"@wordpress/element": "^6.33.1",
+		"@wordpress/escape-html": "^3.33.1",
+		"@wordpress/hooks": "^4.33.1",
+		"@wordpress/html-entities": "^4.33.1",
+		"@wordpress/i18n": "^6.6.1",
+		"@wordpress/icons": "^11.0.1",
+		"@wordpress/interactivity": "^6.33.1",
+		"@wordpress/interactivity-router": "^2.33.1",
+		"@wordpress/keyboard-shortcuts": "^5.33.1",
+		"@wordpress/keycodes": "^4.33.1",
+		"@wordpress/latex-to-mathml": "^1.1.1",
+		"@wordpress/notices": "^5.33.1",
+		"@wordpress/patterns": "^2.33.2",
+		"@wordpress/primitives": "^4.33.1",
+		"@wordpress/private-apis": "^1.33.1",
+		"@wordpress/reusable-blocks": "^5.33.2",
+		"@wordpress/rich-text": "^7.33.1",
+		"@wordpress/server-side-render": "^6.9.1",
+		"@wordpress/url": "^4.33.1",
+		"@wordpress/viewport": "^6.33.1",
+		"@wordpress/wordcount": "^4.33.1",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -133,5 +133,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "b73a8a22e779c59efb8f911e32b681652f237d60"
+	"gitHead": "45005cc254bab59182927e35a68cd22f6320634d"
 }

package/src/accordion/block.json

@@ -4,7 +4,7 @@
 	"name": "core/accordion",
 	"title": "Accordion",
 	"category": "design",
-	"description": "Displays a group of accordion headings and associated expandable content.",
+	"description": "Displays a foldable layout that groups content in collapsible sections.",
 	"example": {},
 	"supports": {
 		"anchor": true,

package/src/accordion/edit.js

@@ -102,22 +102,22 @@ export default function Edit( {
 	return (
 		<>
 			{ isSingleSelected && ! isContentOnlyMode && (
-				<BlockControls>
-					<ToolbarGroup>
-						<HeadingLevelDropdown
-							value={ headingLevel }
-							options={ levelOptions }
-							onChange={ updateHeadingLevel }
-						/>
-					</ToolbarGroup>
-				</BlockControls>
-			) }
-			{ isSingleSelected && (
-				<BlockControls group="other">
-					<ToolbarButton onClick={ addAccordionItemBlock }>
-						{ __( 'Add' ) }
-					</ToolbarButton>
-				</BlockControls>
+				<>
+					<BlockControls>
+						<ToolbarGroup>
+							<HeadingLevelDropdown
+								value={ headingLevel }
+								options={ levelOptions }
+								onChange={ updateHeadingLevel }
+							/>
+						</ToolbarGroup>
+					</BlockControls>
+					<BlockControls group="other">
+						<ToolbarButton onClick={ addAccordionItemBlock }>
+							{ __( 'Add' ) }
+						</ToolbarButton>
+					</BlockControls>
+				</>
 			) }
 			<InspectorControls key="setting">
 				<ToolsPanel

package/src/accordion-heading/block.json

@@ -4,7 +4,7 @@
 	"name": "core/accordion-heading",
 	"title": "Accordion Heading",
 	"category": "design",
-	"description": "Displays an accordion heading.",
+	"description": "Displays a heading that toggles the accordion panel.",
 	"parent": [ "core/accordion-item" ],
 	"usesContext": [
 		"core/accordion-icon-position",

package/src/accordion-item/block.json

@@ -4,7 +4,7 @@
 	"name": "core/accordion-item",
 	"title": "Accordion Item",
 	"category": "design",
-	"description": "Displays a section of content in an accordion, including a heading and expandable content.",
+	"description": "Wraps the heading and panel in one unit.",
 	"parent": [ "core/accordion" ],
 	"allowedBlocks": [ "core/accordion-heading", "core/accordion-panel" ],
 	"supports": {

package/src/accordion-panel/block.json

@@ -4,7 +4,7 @@
 	"name": "core/accordion-panel",
 	"title": "Accordion Panel",
 	"category": "design",
-	"description": "Displays an accordion panel.",
+	"description": "Contains the hidden or revealed content beneath the heading.",
 	"parent": [ "core/accordion-item" ],
 	"supports": {
 		"html": false,

package/src/archives/index.php

@@ -66,9 +66,12 @@ function render_block_core_archives( $attributes ) {
 		$show_label = empty( $attributes['showLabel'] ) ? ' screen-reader-text' : '';
 
 		$block_content = '<label for="' . $dropdown_id . '" class="wp-block-archives__label' . $show_label . '">' . esc_html( $title ) . '</label>
-		<select id="' . $dropdown_id . '" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
+		<select id="' . esc_attr( $dropdown_id ) . '" name="archive-dropdown">
 		<option value="">' . esc_html( $label ) . '</option>' . $archives . '</select>';
 
+		// Inject the dropdown script immediately after the select dropdown.
+		$block_content .= block_core_archives_build_dropdown_script( $dropdown_id );
+
 		return sprintf(
 			'<div %1$s>%2$s</div>',
 			$wrapper_attributes,
@@ -106,6 +109,55 @@ function render_block_core_archives( $attributes ) {
 	);
 }
 
+/**
+ * Generates the inline script for an archives dropdown field.
+ *
+ * @since 6.9.0
+ *
+ * @param string $dropdown_id ID of the dropdown field.
+ *
+ * @return string Returns the dropdown onChange redirection script.
+ */
+function block_core_archives_build_dropdown_script( $dropdown_id ) {
+	ob_start();
+
+	$exports = array( $dropdown_id, home_url() );
+	?>
+	<script>
+	( ( [ dropdownId, homeUrl ] ) => {
+		const dropdown = document.getElementById( dropdownId );
+		function onSelectChange() {
+			setTimeout( () => {
+				if ( 'escape' === dropdown.dataset.lastkey ) {
+					return;
+				}
+				if ( dropdown.value ) {
+					location.href = dropdown.value;
+				}
+			}, 250 );
+		}
+		function onKeyUp( event ) {
+			if ( 'Escape' === event.key ) {
+				dropdown.dataset.lastkey = 'escape';
+			} else {
+				delete dropdown.dataset.lastkey;
+			}
+		}
+		function onClick() {
+			delete dropdown.dataset.lastkey;
+		}
+		dropdown.addEventListener( 'keyup', onKeyUp );
+		dropdown.addEventListener( 'click', onClick );
+		dropdown.addEventListener( 'change', onSelectChange );
+	} )( <?php echo wp_json_encode( $exports, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES ); ?> );
+	</script>
+	<?php
+	return wp_get_inline_script_tag(
+		trim( str_replace( array( '<script>', '</script>' ), '', ob_get_clean() ) ) .
+		"\n//# sourceURL=" . rawurlencode( __FUNCTION__ )
+	);
+}
+
 /**
  * Register archives block.
  *

package/src/buttons/transforms.js

@@ -47,6 +47,7 @@ const transforms = {
 						const url = link?.getAttribute( 'href' );
 						// Create singular button in the buttons block.
 						return createBlock( 'core/button', {
+							...attributes,
 							...getTransformedAttributes(
 								attributes,
 								'core/button',

package/src/categories/index.php

@@ -104,14 +104,32 @@ function build_dropdown_script_block_core_categories( $dropdown_id ) {
 	?>
 	<script>
 	( ( [ dropdownId, homeUrl ] ) => {
-		document.getElementById( dropdownId ).addEventListener( 'change', ( event ) => {
-			const dropdown = /** @type {HTMLSelectElement} */ ( event.target );
-			if ( dropdown.value && dropdown.value !== '-1' ) {
-				const url = new URL( homeUrl );
-				url.searchParams.set( dropdown.name, dropdown.value );
-				location.href = url.href;
+		const dropdown = document.getElementById( dropdownId );
+		function onSelectChange() {
+			setTimeout( () => {
+				if ( 'escape' === dropdown.dataset.lastkey ) {
+					return;
+				}
+				if ( dropdown.value && dropdown instanceof HTMLSelectElement ) {
+					const url = new URL( homeUrl );
+					url.searchParams.set( dropdown.name, dropdown.value );
+					location.href = url.href;
+				}
+			}, 250 );
+		}
+		function onKeyUp( event ) {
+			if ( 'Escape' === event.key ) {
+				dropdown.dataset.lastkey = 'escape';
+			} else {
+				delete dropdown.dataset.lastkey;
 			}
-		} );
+		}
+		function onClick() {
+			delete dropdown.dataset.lastkey;
+		}
+		dropdown.addEventListener( 'keyup', onKeyUp );
+		dropdown.addEventListener( 'click', onClick );
+		dropdown.addEventListener( 'change', onSelectChange );
 	} )( <?php echo wp_json_encode( $exports, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES ); ?> );
 	</script>
 	<?php

package/src/code/transforms.js

@@ -22,6 +22,7 @@ const transforms = {
 			transform: ( attributes ) => {
 				const { content } = attributes;
 				return createBlock( 'core/code', {
+					...attributes,
 					...getTransformedAttributes( attributes, 'core/code' ),
 					content,
 				} );
@@ -33,6 +34,7 @@ const transforms = {
 			transform: ( attributes ) => {
 				const { content: text } = attributes;
 				return createBlock( 'core/code', {
+					...attributes,
 					...getTransformedAttributes( attributes, 'core/code' ),
 					// The HTML is plain text (with plain line breaks), so
 					// convert it to rich text.

package/src/editor.scss

@@ -24,6 +24,7 @@
 @use "./html/editor.scss" as *;
 @use "./image/editor.scss" as *;
 @use "./latest-posts/editor.scss" as *;
+@use "./math/editor.scss" as *;
 @use "./media-text/editor.scss" as *;
 @use "./more/editor.scss" as *;
 @use "./navigation/editor.scss" as *;

package/src/freeform/block.json

@@ -13,9 +13,13 @@
 		}
 	},
 	"supports": {
+		"html": false,
 		"className": false,
 		"customClassName": false,
-		"reusable": false
+		"lock": false,
+		"reusable": false,
+		"renaming": false,
+		"blockVisibility": false
 	},
 	"editorStyle": "wp-block-freeform-editor"
 }

package/src/home-link/block.json

@@ -9,7 +9,8 @@
 	"textdomain": "default",
 	"attributes": {
 		"label": {
-			"type": "string"
+			"type": "string",
+			"role": "content"
 		}
 	},
 	"usesContext": [

package/src/image/index.php

@@ -250,12 +250,12 @@ function block_core_image_render_lightbox( $block_content, $block ) {
 	// Image.
 	$processor->next_tag( 'img' );
 	$processor->set_attribute( 'data-wp-init', 'callbacks.setButtonStyles' );
-	$processor->set_attribute( 'data-wp-on-async--load', 'callbacks.setButtonStyles' );
-	$processor->set_attribute( 'data-wp-on-async-window--resize', 'callbacks.setButtonStyles' );
+	$processor->set_attribute( 'data-wp-on--load', 'callbacks.setButtonStyles' );
+	$processor->set_attribute( 'data-wp-on-window--resize', 'callbacks.setButtonStyles' );
 	// Sets an event callback on the `img` because the `figure` element can also
 	// contain a caption, and we don't want to trigger the lightbox when the
 	// caption is clicked.
-	$processor->set_attribute( 'data-wp-on-async--click', 'actions.showLightbox' );
+	$processor->set_attribute( 'data-wp-on--click', 'actions.showLightbox' );
 	$processor->set_attribute( 'data-wp-class--hide', 'state.isContentHidden' );
 	$processor->set_attribute( 'data-wp-class--show', 'state.isContentVisible' );
 
@@ -273,7 +273,7 @@ function block_core_image_render_lightbox( $block_content, $block ) {
 			aria-haspopup="dialog"
 			aria-label="' . esc_attr( $aria_label ) . '"
 			data-wp-init="callbacks.initTriggerButton"
-			data-wp-on-async--click="actions.showLightbox"
+			data-wp-on--click="actions.showLightbox"
 			data-wp-style--right="state.imageButtonRight"
 			data-wp-style--top="state.imageButtonTop"
 		>
@@ -324,12 +324,12 @@ function block_core_image_print_lightbox_overlay() {
 			data-wp-class--show-closing-animation="state.overlayOpened"
 			data-wp-watch="callbacks.setOverlayFocus"
 			data-wp-on--keydown="actions.handleKeydown"
-			data-wp-on-async--touchstart="actions.handleTouchStart"
+			data-wp-on--touchstart="actions.handleTouchStart"
 			data-wp-on--touchmove="actions.handleTouchMove"
-			data-wp-on-async--touchend="actions.handleTouchEnd"
-			data-wp-on-async--click="actions.hideLightbox"
-			data-wp-on-async-window--resize="callbacks.setOverlayStyles"
-			data-wp-on-async-window--scroll="actions.handleScroll"
+			data-wp-on--touchend="actions.handleTouchEnd"
+			data-wp-on--click="actions.hideLightbox"
+			data-wp-on-window--resize="callbacks.setOverlayStyles"
+			data-wp-on-window--scroll="actions.handleScroll"
 			data-wp-bind--style="state.overlayStyles"
 			tabindex="-1"
 			>

package/src/image/view.js

@@ -356,9 +356,19 @@ const { state, actions, callbacks } = store(
 				`;
 			},
 			setButtonStyles() {
-				const { imageId } = getContext();
 				const { ref } = getElement();
 
+				// This guard prevents errors in images with the `srcset`
+				// attribute, which can dispatch `load` events even after DOM
+				// removal. Preact doesn't automatically clean up `load` event
+				// listeners on unmounted `img` elements (see
+				// https://github.com/preactjs/preact/issues/3141).
+				if ( ! ref ) {
+					return;
+				}
+
+				const { imageId } = getContext();
+
 				state.metadata[ imageId ].imageRef = ref;
 				state.metadata[ imageId ].currentSrc = ref.currentSrc;
 

package/src/math/deprecated.js

@@ -0,0 +1,44 @@
+/**
+ * WordPress dependencies
+ */
+import { useBlockProps } from '@wordpress/block-editor';
+
+// v1: Add a wrapper div around the math element.
+const v1 = {
+	attributes: {
+		latex: {
+			type: 'string',
+			role: 'content',
+		},
+		mathML: {
+			type: 'string',
+			source: 'html',
+			selector: 'math',
+		},
+	},
+	save( { attributes } ) {
+		const { latex, mathML } = attributes;
+
+		if ( ! latex ) {
+			return null;
+		}
+
+		return (
+			<math
+				{ ...useBlockProps.save() }
+				display="block"
+				dangerouslySetInnerHTML={ { __html: mathML } }
+			/>
+		);
+	},
+};
+
+/**
+ * New deprecations need to be placed first
+ * for them to have higher priority.
+ *
+ * Old deprecations may need to be updated as well.
+ *
+ * See block-deprecation.md
+ */
+export default [ v1 ];

package/src/math/edit.js

@@ -82,6 +82,7 @@ export default function MathEdit( { attributes, setAttributes, isSelected } ) {
 								label={ __( 'LaTeX math syntax' ) }
 								hideLabelFromVision
 								value={ latex }
+								className="wp-block-math__textarea-control"
 								onChange={ ( newLatex ) => {
 									if ( ! latexToMathML ) {
 										setAttributes( { latex: newLatex } );

package/src/math/editor.scss

@@ -0,0 +1,7 @@
+@use "@wordpress/base-styles/variables" as *;
+
+.wp-block-math__textarea-control textarea {
+	font-family: $font-family-mono;
+	/*rtl:ignore*/
+	direction: ltr;
+}

package/src/math/index.js

@@ -10,6 +10,7 @@ import initBlock from '../utils/init-block';
 import edit from './edit';
 import metadata from './block.json';
 import save from './save';
+import deprecated from './deprecated';
 
 const { name } = metadata;
 
@@ -26,6 +27,7 @@ export const settings = {
 	},
 	edit,
 	save,
+	deprecated,
 };
 
 export const init = () => initBlock( { name, metadata, settings } );

package/src/math/save.js

@@ -11,10 +11,11 @@ export default function save( { attributes } ) {
 	}
 
 	return (
-		<math
-			{ ...useBlockProps.save() }
-			display="block"
-			dangerouslySetInnerHTML={ { __html: mathML } }
-		/>
+		<div { ...useBlockProps.save() }>
+			<math
+				display="block"
+				dangerouslySetInnerHTML={ { __html: mathML } }
+			/>
+		</div>
 	);
 }

package/src/math/style.scss

@@ -0,0 +1,4 @@
+.wp-block-math {
+	overflow-x: auto;
+	overflow-y: hidden;
+}

package/src/missing/block.json

@@ -23,7 +23,10 @@
 		"customClassName": false,
 		"inserter": false,
 		"html": false,
+		"lock": false,
 		"reusable": false,
+		"renaming": false,
+		"blockVisibility": false,
 		"interactivity": {
 			"clientNavigation": true
 		}

package/src/navigation/edit/menu-inspector-controls.js

@@ -124,7 +124,7 @@ function AdditionalBlockContent( { block, insertedBlock, setInsertedBlock } ) {
 				if ( isEntityLink ) {
 					createBinding( updatedAttributes );
 				} else {
-					clearBinding();
+					clearBinding( updatedAttributes );
 				}
 
 				setInsertedBlock( null );

package/src/navigation/index.php

@@ -497,7 +497,7 @@ class WP_Navigation_Block_Renderer {
 		$close_button_directives         = '';
 		if ( $is_interactive ) {
 			$open_button_directives                  = '
-				data-wp-on-async--click="actions.openMenuOnClick"
+				data-wp-on--click="actions.openMenuOnClick"
 				data-wp-on--keydown="actions.handleMenuKeydown"
 			';
 			$responsive_container_directives         = '
@@ -505,7 +505,7 @@ class WP_Navigation_Block_Renderer {
 				data-wp-class--is-menu-open="state.isMenuOpen"
 				data-wp-watch="callbacks.initMenu"
 				data-wp-on--keydown="actions.handleMenuKeydown"
-				data-wp-on-async--focusout="actions.handleMenuFocusout"
+				data-wp-on--focusout="actions.handleMenuFocusout"
 				tabindex="-1"
 			';
 			$responsive_dialog_directives            = '
@@ -514,7 +514,7 @@ class WP_Navigation_Block_Renderer {
 				data-wp-bind--role="state.roleAttribute"
 			';
 			$close_button_directives                 = '
-				data-wp-on-async--click="actions.closeMenuOnClick"
+				data-wp-on--click="actions.closeMenuOnClick"
 			';
 			$responsive_container_content_directives = '
 				data-wp-watch="callbacks.focusFirstElement"
@@ -830,8 +830,8 @@ function block_core_navigation_add_directives_to_submenu( $tags, $block_attribut
 		$tags->set_attribute( 'tabindex', '-1' );
 
 		if ( ! isset( $block_attributes['openSubmenusOnClick'] ) || false === $block_attributes['openSubmenusOnClick'] ) {
-			$tags->set_attribute( 'data-wp-on-async--mouseenter', 'actions.openMenuOnHover' );
-			$tags->set_attribute( 'data-wp-on-async--mouseleave', 'actions.closeMenuOnHover' );
+			$tags->set_attribute( 'data-wp-on--mouseenter', 'actions.openMenuOnHover' );
+			$tags->set_attribute( 'data-wp-on--mouseleave', 'actions.closeMenuOnHover' );
 		}
 
 		// Add directives to the toggle submenu button.
@@ -841,7 +841,7 @@ function block_core_navigation_add_directives_to_submenu( $tags, $block_attribut
 				'class_name' => 'wp-block-navigation-submenu__toggle',
 			)
 		) ) {
-			$tags->set_attribute( 'data-wp-on-async--click', 'actions.toggleMenuOnClick' );
+			$tags->set_attribute( 'data-wp-on--click', 'actions.toggleMenuOnClick' );
 			$tags->set_attribute( 'data-wp-bind--aria-expanded', 'state.isMenuOpen' );
 			// The `aria-expanded` attribute for SSR is already added in the submenu block.
 		}
@@ -852,7 +852,7 @@ function block_core_navigation_add_directives_to_submenu( $tags, $block_attribut
 				'class_name' => 'wp-block-navigation__submenu-container',
 			)
 		) ) {
-			$tags->set_attribute( 'data-wp-on-async--focus', 'actions.openMenuOnFocus' );
+			$tags->set_attribute( 'data-wp-on--focus', 'actions.openMenuOnFocus' );
 		}
 
 		// Iterate through subitems if exist.