<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[57834] branches/6.5/tests/phpunit/tests/interactivity-api/interactivity-api.php: Interactivity API: Do not propagate context from void tags to its siblings.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/57834">57834</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/57834","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>swissspidy</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2024-03-14 15:10:55 +0000 (Thu, 14 Mar 2024)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Interactivity API: Do not propagate context from void tags to its siblings.

Resolves an issue where context on a void tag element such as `<img>` was incorrectly passed to following elements.
Adds tests.

Reviewed by gziolo.
Merges <a href="https://core.trac.wordpress.org/changeset/57832">[57832]</a> to the to the 6.5 branch.

Props santosguillamot, luisherranz, cbravobernal, dmsnell, gziolo, swissspidy.
Fixes <a href="https://core.trac.wordpress.org/ticket/60768">#60768</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#branches65srcwpincludesinteractivityapiclasswpinteractivityapiphp">branches/6.5/src/wp-includes/interactivity-api/class-wp-interactivity-api.php</a></li>
<li><a href="#branches65testsphpunittestsinteractivityapiinteractivityapiphp">branches/6.5/tests/phpunit/tests/interactivity-api/interactivity-api.php</a></li>
</ul>

<h3>Property Changed</h3>
<ul>
<li><a href="#branches65">branches/6.5/</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<span class="cx" style="display: block; padding: 0 10px">Index: branches/6.5
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- branches/6.5 2024-03-14 14:25:51 UTC (rev 57833)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ branches/6.5  2024-03-14 15:10:55 UTC (rev 57834)
</ins><a id="branches65"></a>
<div class="propset"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Property changes: branches/6.5</h4>
<pre class="diff"><span>
</span></pre></div>
<a id="svnmergeinfo"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: svn:mergeinfo</h4></div>
<span class="cx" style="display: block; padding: 0 10px"> /branches/5.0:43681-43682,43684-43688,43719-43720,43723,43726-43727,43729-43731,43734-43744,43747,43751-43754,43758,43760-43765,43767-43770,43772,43774-43781,43783,43785,43790-43806,43808-43821,43825,43828,43830-43834,43836-43843,43846-43863,43867-43889,43891-43894,43897-43905,43908-43909,43911-43929,43931-43942,43946-43947,43949-43956,43959-43964,43967-43969,43988,43994,44014,44017,44047,44183,44185,44187-44206,44208-44213,44231-44232,44235,44248,44284,44287-44288
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/5.5:49373-49379,49381
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/5.8:51889
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/trunk:57791-57792,57804-57806,57809,57814,57817,57824,57826-57827
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/trunk:57791-57792,57804-57806,57809,57814,57817,57824,57826-57827,57832
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="branches65srcwpincludesinteractivityapiclasswpinteractivityapiphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/6.5/src/wp-includes/interactivity-api/class-wp-interactivity-api.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/6.5/src/wp-includes/interactivity-api/class-wp-interactivity-api.php     2024-03-14 14:25:51 UTC (rev 57833)
+++ branches/6.5/src/wp-includes/interactivity-api/class-wp-interactivity-api.php       2024-03-14 15:10:55 UTC (rev 57834)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -294,34 +294,42 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                        /*
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                * If the matching opener tag didn't have any directives, it can skip the
-                               * processing.
-                               */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                  * If the matching opener tag didn't have any directives, it can skip the
+                        * processing.
+                        */
</ins><span class="cx" style="display: block; padding: 0 10px">                         if ( 0 === count( $directives_prefixes ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                                continue;
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        /*
-                        * Sorts the attributes by the order of the `directives_processor` array
-                        * and checks what directives are present in this element. The processing
-                        * order is reversed for tag closers.
-                        */
-                       $directives_prefixes = array_intersect(
-                               $p->is_tag_closer()
-                                       ? $directive_processor_prefixes_reversed
-                                       : $directive_processor_prefixes,
-                               $directives_prefixes
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 // Directive processing might be different depending on if it is entering the tag or exiting it.
+                       $modes = array(
+                               'enter' => ! $p->is_tag_closer(),
+                               'exit'  => $p->is_tag_closer() || ! $p->has_and_visits_its_closer_tag(),
</ins><span class="cx" style="display: block; padding: 0 10px">                         );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        // Executes the directive processors present in this element.
-                       foreach ( $directives_prefixes as $directive_prefix ) {
-                               $func = is_array( self::$directive_processors[ $directive_prefix ] )
-                                       ? self::$directive_processors[ $directive_prefix ]
-                                       : array( $this, self::$directive_processors[ $directive_prefix ] );
-                               call_user_func_array(
-                                       $func,
-                                       array( $p, &$context_stack, &$namespace_stack, &$tag_stack )
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 foreach ( $modes as $mode => $should_run ) {
+                               if ( ! $should_run ) {
+                                       continue;
+                               }
+
+                               /*
+                                * Sorts the attributes by the order of the `directives_processor` array
+                                * and checks what directives are present in this element.
+                                */
+                               $existing_directives_prefixes = array_intersect(
+                                       'enter' === $mode ? $directive_processor_prefixes : $directive_processor_prefixes_reversed,
+                                       $directives_prefixes
</ins><span class="cx" style="display: block; padding: 0 10px">                                 );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                foreach ( $existing_directives_prefixes as $directive_prefix ) {
+                                       $func = is_array( self::$directive_processors[ $directive_prefix ] )
+                                               ? self::$directive_processors[ $directive_prefix ]
+                                               : array( $this, self::$directive_processors[ $directive_prefix ] );
+
+                                       call_user_func_array(
+                                               $func,
+                                               array( $p, $mode, &$context_stack, &$namespace_stack, &$tag_stack )
+                                       );
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -474,12 +482,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">         * @since 6.5.0
</span><span class="cx" style="display: block; padding: 0 10px">         *
</span><span class="cx" style="display: block; padding: 0 10px">         * @param WP_Interactivity_API_Directives_Processor $p               The directives processor instance.
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         * @param string                                    $mode            Whether the processing is entering or exiting the tag.
</ins><span class="cx" style="display: block; padding: 0 10px">          * @param array                                     $context_stack   The reference to the context stack.
</span><span class="cx" style="display: block; padding: 0 10px">         * @param array                                     $namespace_stack The reference to the store namespace stack.
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        private function data_wp_interactive_processor( WP_Interactivity_API_Directives_Processor $p, array &$context_stack, array &$namespace_stack ) {
-               // In closing tags, it removes the last namespace from the stack.
-               if ( $p->is_tag_closer() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ private function data_wp_interactive_processor( WP_Interactivity_API_Directives_Processor $p, string $mode, array &$context_stack, array &$namespace_stack ) {
+               // When exiting tags, it removes the last namespace from the stack.
+               if ( 'exit' === $mode ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         array_pop( $namespace_stack );
</span><span class="cx" style="display: block; padding: 0 10px">                        return;
</span><span class="cx" style="display: block; padding: 0 10px">                }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -518,12 +527,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">         * @since 6.5.0
</span><span class="cx" style="display: block; padding: 0 10px">         *
</span><span class="cx" style="display: block; padding: 0 10px">         * @param WP_Interactivity_API_Directives_Processor $p               The directives processor instance.
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         * @param string                                    $mode            Whether the processing is entering or exiting the tag.
</ins><span class="cx" style="display: block; padding: 0 10px">          * @param array                                     $context_stack   The reference to the context stack.
</span><span class="cx" style="display: block; padding: 0 10px">         * @param array                                     $namespace_stack The reference to the store namespace stack.
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        private function data_wp_context_processor( WP_Interactivity_API_Directives_Processor $p, array &$context_stack, array &$namespace_stack ) {
-               // In closing tags, it removes the last context from the stack.
-               if ( $p->is_tag_closer() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ private function data_wp_context_processor( WP_Interactivity_API_Directives_Processor $p, string $mode, array &$context_stack, array &$namespace_stack ) {
+               // When exiting tags, it removes the last context from the stack.
+               if ( 'exit' === $mode ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         array_pop( $context_stack );
</span><span class="cx" style="display: block; padding: 0 10px">                        return;
</span><span class="cx" style="display: block; padding: 0 10px">                }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -564,11 +574,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">         * @since 6.5.0
</span><span class="cx" style="display: block; padding: 0 10px">         *
</span><span class="cx" style="display: block; padding: 0 10px">         * @param WP_Interactivity_API_Directives_Processor $p               The directives processor instance.
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         * @param string                                    $mode            Whether the processing is entering or exiting the tag.
</ins><span class="cx" style="display: block; padding: 0 10px">          * @param array                                     $context_stack   The reference to the context stack.
</span><span class="cx" style="display: block; padding: 0 10px">         * @param array                                     $namespace_stack The reference to the store namespace stack.
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        private function data_wp_bind_processor( WP_Interactivity_API_Directives_Processor $p, array &$context_stack, array &$namespace_stack ) {
-               if ( ! $p->is_tag_closer() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ private function data_wp_bind_processor( WP_Interactivity_API_Directives_Processor $p, string $mode, array &$context_stack, array &$namespace_stack ) {
+               if ( 'enter' === $mode ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         $all_bind_directives = $p->get_attribute_names_with_prefix( 'data-wp-bind--' );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        foreach ( $all_bind_directives as $attribute_name ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -608,11 +619,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">         * @since 6.5.0
</span><span class="cx" style="display: block; padding: 0 10px">         *
</span><span class="cx" style="display: block; padding: 0 10px">         * @param WP_Interactivity_API_Directives_Processor $p               The directives processor instance.
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         * @param string                                    $mode            Whether the processing is entering or exiting the tag.
</ins><span class="cx" style="display: block; padding: 0 10px">          * @param array                                     $context_stack   The reference to the context stack.
</span><span class="cx" style="display: block; padding: 0 10px">         * @param array                                     $namespace_stack The reference to the store namespace stack.
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        private function data_wp_class_processor( WP_Interactivity_API_Directives_Processor $p, array &$context_stack, array &$namespace_stack ) {
-               if ( ! $p->is_tag_closer() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ private function data_wp_class_processor( WP_Interactivity_API_Directives_Processor $p, string $mode, array &$context_stack, array &$namespace_stack ) {
+               if ( 'enter' === $mode ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         $all_class_directives = $p->get_attribute_names_with_prefix( 'data-wp-class--' );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        foreach ( $all_class_directives as $attribute_name ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -642,11 +654,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">         * @since 6.5.0
</span><span class="cx" style="display: block; padding: 0 10px">         *
</span><span class="cx" style="display: block; padding: 0 10px">         * @param WP_Interactivity_API_Directives_Processor $p               The directives processor instance.
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         * @param string                                    $mode            Whether the processing is entering or exiting the tag.
</ins><span class="cx" style="display: block; padding: 0 10px">          * @param array                                     $context_stack   The reference to the context stack.
</span><span class="cx" style="display: block; padding: 0 10px">         * @param array                                     $namespace_stack The reference to the store namespace stack.
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        private function data_wp_style_processor( WP_Interactivity_API_Directives_Processor $p, array &$context_stack, array &$namespace_stack ) {
-               if ( ! $p->is_tag_closer() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ private function data_wp_style_processor( WP_Interactivity_API_Directives_Processor $p, string $mode, array &$context_stack, array &$namespace_stack ) {
+               if ( 'enter' === $mode ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         $all_style_attributes = $p->get_attribute_names_with_prefix( 'data-wp-style--' );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        foreach ( $all_style_attributes as $attribute_name ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -734,11 +747,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">         * @since 6.5.0
</span><span class="cx" style="display: block; padding: 0 10px">         *
</span><span class="cx" style="display: block; padding: 0 10px">         * @param WP_Interactivity_API_Directives_Processor $p               The directives processor instance.
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         * @param string                                    $mode            Whether the processing is entering or exiting the tag.
</ins><span class="cx" style="display: block; padding: 0 10px">          * @param array                                     $context_stack   The reference to the context stack.
</span><span class="cx" style="display: block; padding: 0 10px">         * @param array                                     $namespace_stack The reference to the store namespace stack.
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        private function data_wp_text_processor( WP_Interactivity_API_Directives_Processor $p, array &$context_stack, array &$namespace_stack ) {
-               if ( ! $p->is_tag_closer() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ private function data_wp_text_processor( WP_Interactivity_API_Directives_Processor $p, string $mode, array &$context_stack, array &$namespace_stack ) {
+               if ( 'enter' === $mode ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         $attribute_value = $p->get_attribute( 'data-wp-text' );
</span><span class="cx" style="display: block; padding: 0 10px">                        $result          = $this->evaluate( $attribute_value, end( $namespace_stack ), end( $context_stack ) );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -831,10 +845,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">         *
</span><span class="cx" style="display: block; padding: 0 10px">         * @since 6.5.0
</span><span class="cx" style="display: block; padding: 0 10px">         *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-         * @param WP_Interactivity_API_Directives_Processor $p The directives processor instance.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  * @param WP_Interactivity_API_Directives_Processor $p               The directives processor instance.
+        * @param string                                    $mode            Whether the processing is entering or exiting the tag.
</ins><span class="cx" style="display: block; padding: 0 10px">          */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        private function data_wp_router_region_processor( WP_Interactivity_API_Directives_Processor $p ) {
-               if ( ! $p->is_tag_closer() && ! $this->has_processed_router_region ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ private function data_wp_router_region_processor( WP_Interactivity_API_Directives_Processor $p, string $mode ) {
+               if ( 'enter' === $mode && ! $this->has_processed_router_region ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         $this->has_processed_router_region = true;
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        // Initialize the `core/router` store.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -870,12 +885,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">         * @since 6.5.0
</span><span class="cx" style="display: block; padding: 0 10px">         *
</span><span class="cx" style="display: block; padding: 0 10px">         * @param WP_Interactivity_API_Directives_Processor $p               The directives processor instance.
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         * @param string                                    $mode            Whether the processing is entering or exiting the tag.
</ins><span class="cx" style="display: block; padding: 0 10px">          * @param array                                     $context_stack   The reference to the context stack.
</span><span class="cx" style="display: block; padding: 0 10px">         * @param array                                     $namespace_stack The reference to the store namespace stack.
</span><span class="cx" style="display: block; padding: 0 10px">         * @param array                                     $tag_stack       The reference to the tag stack.
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        private function data_wp_each_processor( WP_Interactivity_API_Directives_Processor $p, array &$context_stack, array &$namespace_stack, array &$tag_stack ) {
-               if ( ! $p->is_tag_closer() && 'TEMPLATE' === $p->get_tag() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ private function data_wp_each_processor( WP_Interactivity_API_Directives_Processor $p, string $mode, array &$context_stack, array &$namespace_stack, array &$tag_stack ) {
+               if ( 'enter' === $mode && 'TEMPLATE' === $p->get_tag() ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         $attribute_name   = $p->get_attribute_names_with_prefix( 'data-wp-each' )[0];
</span><span class="cx" style="display: block; padding: 0 10px">                        $extracted_suffix = $this->extract_prefix_and_suffix( $attribute_name );
</span><span class="cx" style="display: block; padding: 0 10px">                        $item_name        = isset( $extracted_suffix[1] ) ? $this->kebab_to_camel_case( $extracted_suffix[1] ) : 'item';
</span></span></pre></div>
<a id="branches65testsphpunittestsinteractivityapiinteractivityapiphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/6.5/tests/phpunit/tests/interactivity-api/interactivity-api.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/6.5/tests/phpunit/tests/interactivity-api/interactivity-api.php  2024-03-14 14:25:51 UTC (rev 57833)
+++ branches/6.5/tests/phpunit/tests/interactivity-api/interactivity-api.php    2024-03-14 15:10:55 UTC (rev 57834)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -423,4 +423,79 @@
</span><span class="cx" style="display: block; padding: 0 10px">                $this->assertEquals( 'data-wp-context=\'{"quot":"\u0022baz\u0022"}\'', wp_interactivity_data_wp_context( array( 'quot' => '"baz"' ) ) );
</span><span class="cx" style="display: block; padding: 0 10px">                $this->assertEquals( 'data-wp-context=\'{"amp":"T\u0026T"}\'', wp_interactivity_data_wp_context( array( 'amp' => 'T&T' ) ) );
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       /**
+        * Tests that context from void tags is not propagated to next tags.
+        *
+        * @ticket 60768
+        *
+        * @covers wp_interactivity_process_directives_of_interactive_blocks
+        */
+       public function test_process_context_directive_in_void_tags() {
+               register_block_type(
+                       'test/custom-directive-block',
+                       array(
+                               'render_callback' => function () {
+                                       return '<div data-wp-interactive="nameSpace" data-wp-context=\'{"text": "outer"}\'><input id="first-input" data-wp-context=\'{"text": "inner"}\' data-wp-bind--value="context.text" /><input id="second-input" data-wp-bind--value="context.text" /></div>';
+                               },
+                               'supports'        => array(
+                                       'interactivity' => true,
+                               ),
+                       )
+               );
+               $post_content      = '<!-- wp:test/custom-directive-block /-->';
+               $processed_content = do_blocks( $post_content );
+               $processor         = new WP_HTML_Tag_Processor( $processed_content );
+               $processor->next_tag(
+                       array(
+                               'tag_name' => 'input',
+                               'id'       => 'first-input',
+                       )
+               );
+               $first_input_value = $processor->get_attribute( 'value' );
+               $processor->next_tag(
+                       array(
+                               'tag_name' => 'input',
+                               'id'       => 'second-input',
+                       )
+               );
+               $second_input_value = $processor->get_attribute( 'value' );
+               unregister_block_type( 'test/custom-directive-block' );
+               $this->assertEquals( 'inner', $first_input_value );
+               $this->assertEquals( 'outer', $second_input_value );
+       }
+
+       /**
+        * Tests that namespace from void tags is not propagated to next tags.
+        *
+        * @ticket 60768
+        *
+        * @covers wp_interactivity_process_directives_of_interactive_blocks
+        */
+       public function test_process_interactive_directive_in_void_tags() {
+               wp_interactivity_state(
+                       'void',
+                       array(
+                               'text' => 'void',
+                       )
+               );
+               register_block_type(
+                       'test/custom-directive-block',
+                       array(
+                               'render_callback' => function () {
+                                       return '<div data-wp-interactive="parent"><img data-wp-interactive="void" /><input data-wp-bind--value="state.text" /></div>';
+                               },
+                               'supports'        => array(
+                                       'interactivity' => true,
+                               ),
+                       )
+               );
+               $post_content      = '<!-- wp:test/custom-directive-block /-->';
+               $processed_content = do_blocks( $post_content );
+               $processor         = new WP_HTML_Tag_Processor( $processed_content );
+               $processor->next_tag( array( 'tag_name' => 'input' ) );
+               $input_value = $processor->get_attribute( 'value' );
+               unregister_block_type( 'test/custom-directive-block' );
+               $this->assertNull( $input_value );
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre>
</div>
</div>

</body>
</html>