diff --git a/.changeset/tender-areas-begin.md b/.changeset/tender-areas-begin.md
new file mode 100644
index 0000000000..04779a4e10
--- /dev/null
+++ b/.changeset/tender-areas-begin.md
@@ -0,0 +1,5 @@
+---
+"@lynx-js/web-mainthread-apis": patch
+---
+
+fix: the l-p-comp-uid of page should be '1'
diff --git a/packages/web-platform/web-mainthread-apis/ts/createMainThreadGlobalThis.ts b/packages/web-platform/web-mainthread-apis/ts/createMainThreadGlobalThis.ts
index 905b133a42..6f3931a410 100644
--- a/packages/web-platform/web-mainthread-apis/ts/createMainThreadGlobalThis.ts
+++ b/packages/web-platform/web-mainthread-apis/ts/createMainThreadGlobalThis.ts
@@ -431,7 +431,7 @@ export function createMainThreadGlobalThis(
     const page = __CreateElement('page', 0);
     page.setAttribute('part', 'page');
     page.setAttribute(cssIdAttribute, cssID + '');
-    page.setAttribute(parentComponentUniqueIdAttribute, '0');
+    page.setAttribute(parentComponentUniqueIdAttribute, '1');
     page.setAttribute(componentIdAttribute, componentID);
     __MarkTemplateElement(page);
     if (pageConfig.defaultDisplayLinear === false) {
diff --git a/packages/web-platform/web-tests/tests/__snapshots__/server.vitest.spec.ts.snap b/packages/web-platform/web-tests/tests/__snapshots__/server.vitest.spec.ts.snap
index 1e4adc31f0..65e41d4efc 100644
--- a/packages/web-platform/web-tests/tests/__snapshots__/server.vitest.spec.ts.snap
+++ b/packages/web-platform/web-tests/tests/__snapshots__/server.vitest.spec.ts.snap
@@ -8,7 +8,7 @@ exports[`server-tests > basic-performance-div-10 1`] = `
   }
 [lynx-default-overflow-visible="true"] x-view{
     overflow: visible;
-  }</style><style l-part=""></style><div lynx-tag="page" l-uid="1" l-p-comp-uid="0" part="page" l-css-id="0" l-comp-id="0" l-template lynx-default-overflow-visible="true" l-part="1"><div lynx-tag="div" l-uid="2" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-0" l-part="2"></div><div lynx-tag="div" l-uid="3" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-1" l-part="3"></div><div lynx-tag="div" l-uid="4" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-2" l-part="4"></div><div lynx-tag="div" l-uid="5" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-3" l-part="5"></div><div lynx-tag="div" l-uid="6" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-4" l-part="6"></div><div lynx-tag="div" l-uid="7" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-5" l-part="7"></div><div lynx-tag="div" l-uid="8" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-6" l-part="8"></div><div lynx-tag="div" l-uid="9" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-7" l-part="9"></div><div lynx-tag="div" l-uid="10" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-8" l-part="10"></div><div lynx-tag="div" l-uid="11" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-9" l-part="11"></div></div></template></lynx-view>"
+  }</style><style l-part=""></style><div lynx-tag="page" l-uid="1" l-p-comp-uid="1" part="page" l-css-id="0" l-comp-id="0" l-template lynx-default-overflow-visible="true" l-part="1"><div lynx-tag="div" l-uid="2" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-0" l-part="2"></div><div lynx-tag="div" l-uid="3" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-1" l-part="3"></div><div lynx-tag="div" l-uid="4" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-2" l-part="4"></div><div lynx-tag="div" l-uid="5" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-3" l-part="5"></div><div lynx-tag="div" l-uid="6" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-4" l-part="6"></div><div lynx-tag="div" l-uid="7" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-5" l-part="7"></div><div lynx-tag="div" l-uid="8" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-6" l-part="8"></div><div lynx-tag="div" l-uid="9" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-7" l-part="9"></div><div lynx-tag="div" l-uid="10" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-8" l-part="10"></div><div lynx-tag="div" l-uid="11" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-9" l-part="11"></div></div></template></lynx-view>"
 `;
 
 exports[`server-tests > basic-performance-event-div-100 1`] = `
@@ -19,7 +19,7 @@ exports[`server-tests > basic-performance-event-div-100 1`] = `
   }
 [lynx-default-overflow-visible="true"] x-view{
     overflow: visible;
-  }</style><style l-part=""></style><div lynx-tag="page" l-uid="1" l-p-comp-uid="0" part="page" l-css-id="0" l-comp-id="0" l-template lynx-default-overflow-visible="true" l-part="1"><div lynx-tag="div" l-uid="2" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-0" l-part="2"></div><div lynx-tag="div" l-uid="3" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-1" l-part="3"></div><div lynx-tag="div" l-uid="4" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-2" l-part="4"></div><div lynx-tag="div" l-uid="5" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-3" l-part="5"></div><div lynx-tag="div" l-uid="6" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-4" l-part="6"></div><div lynx-tag="div" l-uid="7" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-5" l-part="7"></div><div lynx-tag="div" l-uid="8" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-6" l-part="8"></div><div lynx-tag="div" l-uid="9" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-7" l-part="9"></div><div lynx-tag="div" l-uid="10" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-8" l-part="10"></div><div lynx-tag="div" l-uid="11" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-9" l-part="11"></div><div lynx-tag="div" l-uid="12" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-10" l-part="12"></div><div lynx-tag="div" l-uid="13" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-11" l-part="13"></div><div lynx-tag="div" l-uid="14" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-12" l-part="14"></div><div lynx-tag="div" l-uid="15" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-13" l-part="15"></div><div lynx-tag="div" l-uid="16" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-14" l-part="16"></div><div lynx-tag="div" l-uid="17" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-15" l-part="17"></div><div lynx-tag="div" l-uid="18" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-16" l-part="18"></div><div lynx-tag="div" l-uid="19" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-17" l-part="19"></div><div lynx-tag="div" l-uid="20" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-18" l-part="20"></div><div lynx-tag="div" l-uid="21" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-19" l-part="21"></div><div lynx-tag="div" l-uid="22" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-20" l-part="22"></div><div lynx-tag="div" l-uid="23" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-21" l-part="23"></div><div lynx-tag="div" l-uid="24" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-22" l-part="24"></div><div lynx-tag="div" l-uid="25" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-23" l-part="25"></div><div lynx-tag="div" l-uid="26" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-24" l-part="26"></div><div lynx-tag="div" l-uid="27" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-25" l-part="27"></div><div lynx-tag="div" l-uid="28" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-26" l-part="28"></div><div lynx-tag="div" l-uid="29" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-27" l-part="29"></div><div lynx-tag="div" l-uid="30" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-28" l-part="30"></div><div lynx-tag="div" l-uid="31" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-29" l-part="31"></div><div lynx-tag="div" l-uid="32" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-30" l-part="32"></div><div lynx-tag="div" l-uid="33" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-31" l-part="33"></div><div lynx-tag="div" l-uid="34" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-32" l-part="34"></div><div lynx-tag="div" l-uid="35" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-33" l-part="35"></div><div lynx-tag="div" l-uid="36" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-34" l-part="36"></div><div lynx-tag="div" l-uid="37" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-35" l-part="37"></div><div lynx-tag="div" l-uid="38" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-36" l-part="38"></div><div lynx-tag="div" l-uid="39" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-37" l-part="39"></div><div lynx-tag="div" l-uid="40" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-38" l-part="40"></div><div lynx-tag="div" l-uid="41" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-39" l-part="41"></div><div lynx-tag="div" l-uid="42" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-40" l-part="42"></div><div lynx-tag="div" l-uid="43" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-41" l-part="43"></div><div lynx-tag="div" l-uid="44" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-42" l-part="44"></div><div lynx-tag="div" l-uid="45" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-43" l-part="45"></div><div lynx-tag="div" l-uid="46" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-44" l-part="46"></div><div lynx-tag="div" l-uid="47" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-45" l-part="47"></div><div lynx-tag="div" l-uid="48" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-46" l-part="48"></div><div lynx-tag="div" l-uid="49" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-47" l-part="49"></div><div lynx-tag="div" l-uid="50" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-48" l-part="50"></div><div lynx-tag="div" l-uid="51" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-49" l-part="51"></div><div lynx-tag="div" l-uid="52" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-50" l-part="52"></div><div lynx-tag="div" l-uid="53" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-51" l-part="53"></div><div lynx-tag="div" l-uid="54" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-52" l-part="54"></div><div lynx-tag="div" l-uid="55" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-53" l-part="55"></div><div lynx-tag="div" l-uid="56" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-54" l-part="56"></div><div lynx-tag="div" l-uid="57" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-55" l-part="57"></div><div lynx-tag="div" l-uid="58" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-56" l-part="58"></div><div lynx-tag="div" l-uid="59" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-57" l-part="59"></div><div lynx-tag="div" l-uid="60" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-58" l-part="60"></div><div lynx-tag="div" l-uid="61" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-59" l-part="61"></div><div lynx-tag="div" l-uid="62" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-60" l-part="62"></div><div lynx-tag="div" l-uid="63" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-61" l-part="63"></div><div lynx-tag="div" l-uid="64" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-62" l-part="64"></div><div lynx-tag="div" l-uid="65" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-63" l-part="65"></div><div lynx-tag="div" l-uid="66" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-64" l-part="66"></div><div lynx-tag="div" l-uid="67" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-65" l-part="67"></div><div lynx-tag="div" l-uid="68" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-66" l-part="68"></div><div lynx-tag="div" l-uid="69" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-67" l-part="69"></div><div lynx-tag="div" l-uid="70" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-68" l-part="70"></div><div lynx-tag="div" l-uid="71" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-69" l-part="71"></div><div lynx-tag="div" l-uid="72" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-70" l-part="72"></div><div lynx-tag="div" l-uid="73" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-71" l-part="73"></div><div lynx-tag="div" l-uid="74" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-72" l-part="74"></div><div lynx-tag="div" l-uid="75" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-73" l-part="75"></div><div lynx-tag="div" l-uid="76" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-74" l-part="76"></div><div lynx-tag="div" l-uid="77" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-75" l-part="77"></div><div lynx-tag="div" l-uid="78" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-76" l-part="78"></div><div lynx-tag="div" l-uid="79" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-77" l-part="79"></div><div lynx-tag="div" l-uid="80" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-78" l-part="80"></div><div lynx-tag="div" l-uid="81" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-79" l-part="81"></div><div lynx-tag="div" l-uid="82" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-80" l-part="82"></div><div lynx-tag="div" l-uid="83" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-81" l-part="83"></div><div lynx-tag="div" l-uid="84" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-82" l-part="84"></div><div lynx-tag="div" l-uid="85" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-83" l-part="85"></div><div lynx-tag="div" l-uid="86" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-84" l-part="86"></div><div lynx-tag="div" l-uid="87" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-85" l-part="87"></div><div lynx-tag="div" l-uid="88" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-86" l-part="88"></div><div lynx-tag="div" l-uid="89" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-87" l-part="89"></div><div lynx-tag="div" l-uid="90" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-88" l-part="90"></div><div lynx-tag="div" l-uid="91" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-89" l-part="91"></div><div lynx-tag="div" l-uid="92" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-90" l-part="92"></div><div lynx-tag="div" l-uid="93" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-91" l-part="93"></div><div lynx-tag="div" l-uid="94" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-92" l-part="94"></div><div lynx-tag="div" l-uid="95" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-93" l-part="95"></div><div lynx-tag="div" l-uid="96" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-94" l-part="96"></div><div lynx-tag="div" l-uid="97" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-95" l-part="97"></div><div lynx-tag="div" l-uid="98" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-96" l-part="98"></div><div lynx-tag="div" l-uid="99" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-97" l-part="99"></div><div lynx-tag="div" l-uid="100" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-98" l-part="100"></div><div lynx-tag="div" l-uid="101" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-99" l-part="101"></div></div></template></lynx-view>"
+  }</style><style l-part=""></style><div lynx-tag="page" l-uid="1" l-p-comp-uid="1" part="page" l-css-id="0" l-comp-id="0" l-template lynx-default-overflow-visible="true" l-part="1"><div lynx-tag="div" l-uid="2" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-0" l-part="2"></div><div lynx-tag="div" l-uid="3" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-1" l-part="3"></div><div lynx-tag="div" l-uid="4" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-2" l-part="4"></div><div lynx-tag="div" l-uid="5" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-3" l-part="5"></div><div lynx-tag="div" l-uid="6" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-4" l-part="6"></div><div lynx-tag="div" l-uid="7" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-5" l-part="7"></div><div lynx-tag="div" l-uid="8" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-6" l-part="8"></div><div lynx-tag="div" l-uid="9" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-7" l-part="9"></div><div lynx-tag="div" l-uid="10" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-8" l-part="10"></div><div lynx-tag="div" l-uid="11" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-9" l-part="11"></div><div lynx-tag="div" l-uid="12" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-10" l-part="12"></div><div lynx-tag="div" l-uid="13" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-11" l-part="13"></div><div lynx-tag="div" l-uid="14" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-12" l-part="14"></div><div lynx-tag="div" l-uid="15" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-13" l-part="15"></div><div lynx-tag="div" l-uid="16" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-14" l-part="16"></div><div lynx-tag="div" l-uid="17" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-15" l-part="17"></div><div lynx-tag="div" l-uid="18" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-16" l-part="18"></div><div lynx-tag="div" l-uid="19" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-17" l-part="19"></div><div lynx-tag="div" l-uid="20" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-18" l-part="20"></div><div lynx-tag="div" l-uid="21" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-19" l-part="21"></div><div lynx-tag="div" l-uid="22" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-20" l-part="22"></div><div lynx-tag="div" l-uid="23" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-21" l-part="23"></div><div lynx-tag="div" l-uid="24" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-22" l-part="24"></div><div lynx-tag="div" l-uid="25" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-23" l-part="25"></div><div lynx-tag="div" l-uid="26" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-24" l-part="26"></div><div lynx-tag="div" l-uid="27" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-25" l-part="27"></div><div lynx-tag="div" l-uid="28" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-26" l-part="28"></div><div lynx-tag="div" l-uid="29" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-27" l-part="29"></div><div lynx-tag="div" l-uid="30" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-28" l-part="30"></div><div lynx-tag="div" l-uid="31" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-29" l-part="31"></div><div lynx-tag="div" l-uid="32" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-30" l-part="32"></div><div lynx-tag="div" l-uid="33" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-31" l-part="33"></div><div lynx-tag="div" l-uid="34" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-32" l-part="34"></div><div lynx-tag="div" l-uid="35" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-33" l-part="35"></div><div lynx-tag="div" l-uid="36" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-34" l-part="36"></div><div lynx-tag="div" l-uid="37" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-35" l-part="37"></div><div lynx-tag="div" l-uid="38" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-36" l-part="38"></div><div lynx-tag="div" l-uid="39" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-37" l-part="39"></div><div lynx-tag="div" l-uid="40" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-38" l-part="40"></div><div lynx-tag="div" l-uid="41" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-39" l-part="41"></div><div lynx-tag="div" l-uid="42" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-40" l-part="42"></div><div lynx-tag="div" l-uid="43" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-41" l-part="43"></div><div lynx-tag="div" l-uid="44" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-42" l-part="44"></div><div lynx-tag="div" l-uid="45" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-43" l-part="45"></div><div lynx-tag="div" l-uid="46" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-44" l-part="46"></div><div lynx-tag="div" l-uid="47" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-45" l-part="47"></div><div lynx-tag="div" l-uid="48" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-46" l-part="48"></div><div lynx-tag="div" l-uid="49" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-47" l-part="49"></div><div lynx-tag="div" l-uid="50" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-48" l-part="50"></div><div lynx-tag="div" l-uid="51" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-49" l-part="51"></div><div lynx-tag="div" l-uid="52" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-50" l-part="52"></div><div lynx-tag="div" l-uid="53" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-51" l-part="53"></div><div lynx-tag="div" l-uid="54" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-52" l-part="54"></div><div lynx-tag="div" l-uid="55" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-53" l-part="55"></div><div lynx-tag="div" l-uid="56" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-54" l-part="56"></div><div lynx-tag="div" l-uid="57" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-55" l-part="57"></div><div lynx-tag="div" l-uid="58" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-56" l-part="58"></div><div lynx-tag="div" l-uid="59" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-57" l-part="59"></div><div lynx-tag="div" l-uid="60" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-58" l-part="60"></div><div lynx-tag="div" l-uid="61" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-59" l-part="61"></div><div lynx-tag="div" l-uid="62" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-60" l-part="62"></div><div lynx-tag="div" l-uid="63" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-61" l-part="63"></div><div lynx-tag="div" l-uid="64" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-62" l-part="64"></div><div lynx-tag="div" l-uid="65" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-63" l-part="65"></div><div lynx-tag="div" l-uid="66" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-64" l-part="66"></div><div lynx-tag="div" l-uid="67" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-65" l-part="67"></div><div lynx-tag="div" l-uid="68" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-66" l-part="68"></div><div lynx-tag="div" l-uid="69" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-67" l-part="69"></div><div lynx-tag="div" l-uid="70" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-68" l-part="70"></div><div lynx-tag="div" l-uid="71" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-69" l-part="71"></div><div lynx-tag="div" l-uid="72" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-70" l-part="72"></div><div lynx-tag="div" l-uid="73" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-71" l-part="73"></div><div lynx-tag="div" l-uid="74" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-72" l-part="74"></div><div lynx-tag="div" l-uid="75" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-73" l-part="75"></div><div lynx-tag="div" l-uid="76" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-74" l-part="76"></div><div lynx-tag="div" l-uid="77" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-75" l-part="77"></div><div lynx-tag="div" l-uid="78" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-76" l-part="78"></div><div lynx-tag="div" l-uid="79" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-77" l-part="79"></div><div lynx-tag="div" l-uid="80" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-78" l-part="80"></div><div lynx-tag="div" l-uid="81" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-79" l-part="81"></div><div lynx-tag="div" l-uid="82" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-80" l-part="82"></div><div lynx-tag="div" l-uid="83" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-81" l-part="83"></div><div lynx-tag="div" l-uid="84" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-82" l-part="84"></div><div lynx-tag="div" l-uid="85" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-83" l-part="85"></div><div lynx-tag="div" l-uid="86" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-84" l-part="86"></div><div lynx-tag="div" l-uid="87" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-85" l-part="87"></div><div lynx-tag="div" l-uid="88" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-86" l-part="88"></div><div lynx-tag="div" l-uid="89" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-87" l-part="89"></div><div lynx-tag="div" l-uid="90" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-88" l-part="90"></div><div lynx-tag="div" l-uid="91" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-89" l-part="91"></div><div lynx-tag="div" l-uid="92" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-90" l-part="92"></div><div lynx-tag="div" l-uid="93" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-91" l-part="93"></div><div lynx-tag="div" l-uid="94" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-92" l-part="94"></div><div lynx-tag="div" l-uid="95" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-93" l-part="95"></div><div lynx-tag="div" l-uid="96" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-94" l-part="96"></div><div lynx-tag="div" l-uid="97" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-95" l-part="97"></div><div lynx-tag="div" l-uid="98" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-96" l-part="98"></div><div lynx-tag="div" l-uid="99" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-97" l-part="99"></div><div lynx-tag="div" l-uid="100" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-98" l-part="100"></div><div lynx-tag="div" l-uid="101" l-p-comp-uid="1" style="height:100px;width:100px;background:pink" id="target-99" l-part="101"></div></div></template></lynx-view>"
 `;
 
 exports[`server-tests > basic-performance-nest-level-100 1`] = `
@@ -30,5 +30,5 @@ exports[`server-tests > basic-performance-nest-level-100 1`] = `
   }
 [lynx-default-overflow-visible="true"] x-view{
     overflow: visible;
-  }</style><style l-part=""></style><div lynx-tag="page" l-uid="1" l-p-comp-uid="0" part="page" l-css-id="0" l-comp-id="0" l-template lynx-default-overflow-visible="true" l-part="1"><div lynx-tag="div" l-uid="2" l-p-comp-uid="1" id="target-100" l-part="2"><div lynx-tag="div" l-uid="3" l-p-comp-uid="1" id="target-99" l-part="3"><div lynx-tag="div" l-uid="4" l-p-comp-uid="1" id="target-98" l-part="4"><div lynx-tag="div" l-uid="5" l-p-comp-uid="1" id="target-97" l-part="5"><div lynx-tag="div" l-uid="6" l-p-comp-uid="1" id="target-96" l-part="6"><div lynx-tag="div" l-uid="7" l-p-comp-uid="1" id="target-95" l-part="7"><div lynx-tag="div" l-uid="8" l-p-comp-uid="1" id="target-94" l-part="8"><div lynx-tag="div" l-uid="9" l-p-comp-uid="1" id="target-93" l-part="9"><div lynx-tag="div" l-uid="10" l-p-comp-uid="1" id="target-92" l-part="10"><div lynx-tag="div" l-uid="11" l-p-comp-uid="1" id="target-91" l-part="11"><div lynx-tag="div" l-uid="12" l-p-comp-uid="1" id="target-90" l-part="12"><div lynx-tag="div" l-uid="13" l-p-comp-uid="1" id="target-89" l-part="13"><div lynx-tag="div" l-uid="14" l-p-comp-uid="1" id="target-88" l-part="14"><div lynx-tag="div" l-uid="15" l-p-comp-uid="1" id="target-87" l-part="15"><div lynx-tag="div" l-uid="16" l-p-comp-uid="1" id="target-86" l-part="16"><div lynx-tag="div" l-uid="17" l-p-comp-uid="1" id="target-85" l-part="17"><div lynx-tag="div" l-uid="18" l-p-comp-uid="1" id="target-84" l-part="18"><div lynx-tag="div" l-uid="19" l-p-comp-uid="1" id="target-83" l-part="19"><div lynx-tag="div" l-uid="20" l-p-comp-uid="1" id="target-82" l-part="20"><div lynx-tag="div" l-uid="21" l-p-comp-uid="1" id="target-81" l-part="21"><div lynx-tag="div" l-uid="22" l-p-comp-uid="1" id="target-80" l-part="22"><div lynx-tag="div" l-uid="23" l-p-comp-uid="1" id="target-79" l-part="23"><div lynx-tag="div" l-uid="24" l-p-comp-uid="1" id="target-78" l-part="24"><div lynx-tag="div" l-uid="25" l-p-comp-uid="1" id="target-77" l-part="25"><div lynx-tag="div" l-uid="26" l-p-comp-uid="1" id="target-76" l-part="26"><div lynx-tag="div" l-uid="27" l-p-comp-uid="1" id="target-75" l-part="27"><div lynx-tag="div" l-uid="28" l-p-comp-uid="1" id="target-74" l-part="28"><div lynx-tag="div" l-uid="29" l-p-comp-uid="1" id="target-73" l-part="29"><div lynx-tag="div" l-uid="30" l-p-comp-uid="1" id="target-72" l-part="30"><div lynx-tag="div" l-uid="31" l-p-comp-uid="1" id="target-71" l-part="31"><div lynx-tag="div" l-uid="32" l-p-comp-uid="1" id="target-70" l-part="32"><div lynx-tag="div" l-uid="33" l-p-comp-uid="1" id="target-69" l-part="33"><div lynx-tag="div" l-uid="34" l-p-comp-uid="1" id="target-68" l-part="34"><div lynx-tag="div" l-uid="35" l-p-comp-uid="1" id="target-67" l-part="35"><div lynx-tag="div" l-uid="36" l-p-comp-uid="1" id="target-66" l-part="36"><div lynx-tag="div" l-uid="37" l-p-comp-uid="1" id="target-65" l-part="37"><div lynx-tag="div" l-uid="38" l-p-comp-uid="1" id="target-64" l-part="38"><div lynx-tag="div" l-uid="39" l-p-comp-uid="1" id="target-63" l-part="39"><div lynx-tag="div" l-uid="40" l-p-comp-uid="1" id="target-62" l-part="40"><div lynx-tag="div" l-uid="41" l-p-comp-uid="1" id="target-61" l-part="41"><div lynx-tag="div" l-uid="42" l-p-comp-uid="1" id="target-60" l-part="42"><div lynx-tag="div" l-uid="43" l-p-comp-uid="1" id="target-59" l-part="43"><div lynx-tag="div" l-uid="44" l-p-comp-uid="1" id="target-58" l-part="44"><div lynx-tag="div" l-uid="45" l-p-comp-uid="1" id="target-57" l-part="45"><div lynx-tag="div" l-uid="46" l-p-comp-uid="1" id="target-56" l-part="46"><div lynx-tag="div" l-uid="47" l-p-comp-uid="1" id="target-55" l-part="47"><div lynx-tag="div" l-uid="48" l-p-comp-uid="1" id="target-54" l-part="48"><div lynx-tag="div" l-uid="49" l-p-comp-uid="1" id="target-53" l-part="49"><div lynx-tag="div" l-uid="50" l-p-comp-uid="1" id="target-52" l-part="50"><div lynx-tag="div" l-uid="51" l-p-comp-uid="1" id="target-51" l-part="51"><div lynx-tag="div" l-uid="52" l-p-comp-uid="1" id="target-50" l-part="52"><div lynx-tag="div" l-uid="53" l-p-comp-uid="1" id="target-49" l-part="53"><div lynx-tag="div" l-uid="54" l-p-comp-uid="1" id="target-48" l-part="54"><div lynx-tag="div" l-uid="55" l-p-comp-uid="1" id="target-47" l-part="55"><div lynx-tag="div" l-uid="56" l-p-comp-uid="1" id="target-46" l-part="56"><div lynx-tag="div" l-uid="57" l-p-comp-uid="1" id="target-45" l-part="57"><div lynx-tag="div" l-uid="58" l-p-comp-uid="1" id="target-44" l-part="58"><div lynx-tag="div" l-uid="59" l-p-comp-uid="1" id="target-43" l-part="59"><div lynx-tag="div" l-uid="60" l-p-comp-uid="1" id="target-42" l-part="60"><div lynx-tag="div" l-uid="61" l-p-comp-uid="1" id="target-41" l-part="61"><div lynx-tag="div" l-uid="62" l-p-comp-uid="1" id="target-40" l-part="62"><div lynx-tag="div" l-uid="63" l-p-comp-uid="1" id="target-39" l-part="63"><div lynx-tag="div" l-uid="64" l-p-comp-uid="1" id="target-38" l-part="64"><div lynx-tag="div" l-uid="65" l-p-comp-uid="1" id="target-37" l-part="65"><div lynx-tag="div" l-uid="66" l-p-comp-uid="1" id="target-36" l-part="66"><div lynx-tag="div" l-uid="67" l-p-comp-uid="1" id="target-35" l-part="67"><div lynx-tag="div" l-uid="68" l-p-comp-uid="1" id="target-34" l-part="68"><div lynx-tag="div" l-uid="69" l-p-comp-uid="1" id="target-33" l-part="69"><div lynx-tag="div" l-uid="70" l-p-comp-uid="1" id="target-32" l-part="70"><div lynx-tag="div" l-uid="71" l-p-comp-uid="1" id="target-31" l-part="71"><div lynx-tag="div" l-uid="72" l-p-comp-uid="1" id="target-30" l-part="72"><div lynx-tag="div" l-uid="73" l-p-comp-uid="1" id="target-29" l-part="73"><div lynx-tag="div" l-uid="74" l-p-comp-uid="1" id="target-28" l-part="74"><div lynx-tag="div" l-uid="75" l-p-comp-uid="1" id="target-27" l-part="75"><div lynx-tag="div" l-uid="76" l-p-comp-uid="1" id="target-26" l-part="76"><div lynx-tag="div" l-uid="77" l-p-comp-uid="1" id="target-25" l-part="77"><div lynx-tag="div" l-uid="78" l-p-comp-uid="1" id="target-24" l-part="78"><div lynx-tag="div" l-uid="79" l-p-comp-uid="1" id="target-23" l-part="79"><div lynx-tag="div" l-uid="80" l-p-comp-uid="1" id="target-22" l-part="80"><div lynx-tag="div" l-uid="81" l-p-comp-uid="1" id="target-21" l-part="81"><div lynx-tag="div" l-uid="82" l-p-comp-uid="1" id="target-20" l-part="82"><div lynx-tag="div" l-uid="83" l-p-comp-uid="1" id="target-19" l-part="83"><div lynx-tag="div" l-uid="84" l-p-comp-uid="1" id="target-18" l-part="84"><div lynx-tag="div" l-uid="85" l-p-comp-uid="1" id="target-17" l-part="85"><div lynx-tag="div" l-uid="86" l-p-comp-uid="1" id="target-16" l-part="86"><div lynx-tag="div" l-uid="87" l-p-comp-uid="1" id="target-15" l-part="87"><div lynx-tag="div" l-uid="88" l-p-comp-uid="1" id="target-14" l-part="88"><div lynx-tag="div" l-uid="89" l-p-comp-uid="1" id="target-13" l-part="89"><div lynx-tag="div" l-uid="90" l-p-comp-uid="1" id="target-12" l-part="90"><div lynx-tag="div" l-uid="91" l-p-comp-uid="1" id="target-11" l-part="91"><div lynx-tag="div" l-uid="92" l-p-comp-uid="1" id="target-10" l-part="92"><div lynx-tag="div" l-uid="93" l-p-comp-uid="1" id="target-9" l-part="93"><div lynx-tag="div" l-uid="94" l-p-comp-uid="1" id="target-8" l-part="94"><div lynx-tag="div" l-uid="95" l-p-comp-uid="1" id="target-7" l-part="95"><div lynx-tag="div" l-uid="96" l-p-comp-uid="1" id="target-6" l-part="96"><div lynx-tag="div" l-uid="97" l-p-comp-uid="1" id="target-5" l-part="97"><div lynx-tag="div" l-uid="98" l-p-comp-uid="1" id="target-4" l-part="98"><div lynx-tag="div" l-uid="99" l-p-comp-uid="1" id="target-3" l-part="99"><div lynx-tag="div" l-uid="100" l-p-comp-uid="1" id="target-2" l-part="100"><div lynx-tag="div" l-uid="101" l-p-comp-uid="1" id="target-1" l-part="101"><div lynx-tag="div" l-uid="102" l-p-comp-uid="1" id="target-0" l-part="102"><raw-text lynx-tag="raw-text" l-uid="103" l-p-comp-uid="-1" text="0" l-part="103"></raw-text></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></template></lynx-view>"
+  }</style><style l-part=""></style><div lynx-tag="page" l-uid="1" l-p-comp-uid="1" part="page" l-css-id="0" l-comp-id="0" l-template lynx-default-overflow-visible="true" l-part="1"><div lynx-tag="div" l-uid="2" l-p-comp-uid="1" id="target-100" l-part="2"><div lynx-tag="div" l-uid="3" l-p-comp-uid="1" id="target-99" l-part="3"><div lynx-tag="div" l-uid="4" l-p-comp-uid="1" id="target-98" l-part="4"><div lynx-tag="div" l-uid="5" l-p-comp-uid="1" id="target-97" l-part="5"><div lynx-tag="div" l-uid="6" l-p-comp-uid="1" id="target-96" l-part="6"><div lynx-tag="div" l-uid="7" l-p-comp-uid="1" id="target-95" l-part="7"><div lynx-tag="div" l-uid="8" l-p-comp-uid="1" id="target-94" l-part="8"><div lynx-tag="div" l-uid="9" l-p-comp-uid="1" id="target-93" l-part="9"><div lynx-tag="div" l-uid="10" l-p-comp-uid="1" id="target-92" l-part="10"><div lynx-tag="div" l-uid="11" l-p-comp-uid="1" id="target-91" l-part="11"><div lynx-tag="div" l-uid="12" l-p-comp-uid="1" id="target-90" l-part="12"><div lynx-tag="div" l-uid="13" l-p-comp-uid="1" id="target-89" l-part="13"><div lynx-tag="div" l-uid="14" l-p-comp-uid="1" id="target-88" l-part="14"><div lynx-tag="div" l-uid="15" l-p-comp-uid="1" id="target-87" l-part="15"><div lynx-tag="div" l-uid="16" l-p-comp-uid="1" id="target-86" l-part="16"><div lynx-tag="div" l-uid="17" l-p-comp-uid="1" id="target-85" l-part="17"><div lynx-tag="div" l-uid="18" l-p-comp-uid="1" id="target-84" l-part="18"><div lynx-tag="div" l-uid="19" l-p-comp-uid="1" id="target-83" l-part="19"><div lynx-tag="div" l-uid="20" l-p-comp-uid="1" id="target-82" l-part="20"><div lynx-tag="div" l-uid="21" l-p-comp-uid="1" id="target-81" l-part="21"><div lynx-tag="div" l-uid="22" l-p-comp-uid="1" id="target-80" l-part="22"><div lynx-tag="div" l-uid="23" l-p-comp-uid="1" id="target-79" l-part="23"><div lynx-tag="div" l-uid="24" l-p-comp-uid="1" id="target-78" l-part="24"><div lynx-tag="div" l-uid="25" l-p-comp-uid="1" id="target-77" l-part="25"><div lynx-tag="div" l-uid="26" l-p-comp-uid="1" id="target-76" l-part="26"><div lynx-tag="div" l-uid="27" l-p-comp-uid="1" id="target-75" l-part="27"><div lynx-tag="div" l-uid="28" l-p-comp-uid="1" id="target-74" l-part="28"><div lynx-tag="div" l-uid="29" l-p-comp-uid="1" id="target-73" l-part="29"><div lynx-tag="div" l-uid="30" l-p-comp-uid="1" id="target-72" l-part="30"><div lynx-tag="div" l-uid="31" l-p-comp-uid="1" id="target-71" l-part="31"><div lynx-tag="div" l-uid="32" l-p-comp-uid="1" id="target-70" l-part="32"><div lynx-tag="div" l-uid="33" l-p-comp-uid="1" id="target-69" l-part="33"><div lynx-tag="div" l-uid="34" l-p-comp-uid="1" id="target-68" l-part="34"><div lynx-tag="div" l-uid="35" l-p-comp-uid="1" id="target-67" l-part="35"><div lynx-tag="div" l-uid="36" l-p-comp-uid="1" id="target-66" l-part="36"><div lynx-tag="div" l-uid="37" l-p-comp-uid="1" id="target-65" l-part="37"><div lynx-tag="div" l-uid="38" l-p-comp-uid="1" id="target-64" l-part="38"><div lynx-tag="div" l-uid="39" l-p-comp-uid="1" id="target-63" l-part="39"><div lynx-tag="div" l-uid="40" l-p-comp-uid="1" id="target-62" l-part="40"><div lynx-tag="div" l-uid="41" l-p-comp-uid="1" id="target-61" l-part="41"><div lynx-tag="div" l-uid="42" l-p-comp-uid="1" id="target-60" l-part="42"><div lynx-tag="div" l-uid="43" l-p-comp-uid="1" id="target-59" l-part="43"><div lynx-tag="div" l-uid="44" l-p-comp-uid="1" id="target-58" l-part="44"><div lynx-tag="div" l-uid="45" l-p-comp-uid="1" id="target-57" l-part="45"><div lynx-tag="div" l-uid="46" l-p-comp-uid="1" id="target-56" l-part="46"><div lynx-tag="div" l-uid="47" l-p-comp-uid="1" id="target-55" l-part="47"><div lynx-tag="div" l-uid="48" l-p-comp-uid="1" id="target-54" l-part="48"><div lynx-tag="div" l-uid="49" l-p-comp-uid="1" id="target-53" l-part="49"><div lynx-tag="div" l-uid="50" l-p-comp-uid="1" id="target-52" l-part="50"><div lynx-tag="div" l-uid="51" l-p-comp-uid="1" id="target-51" l-part="51"><div lynx-tag="div" l-uid="52" l-p-comp-uid="1" id="target-50" l-part="52"><div lynx-tag="div" l-uid="53" l-p-comp-uid="1" id="target-49" l-part="53"><div lynx-tag="div" l-uid="54" l-p-comp-uid="1" id="target-48" l-part="54"><div lynx-tag="div" l-uid="55" l-p-comp-uid="1" id="target-47" l-part="55"><div lynx-tag="div" l-uid="56" l-p-comp-uid="1" id="target-46" l-part="56"><div lynx-tag="div" l-uid="57" l-p-comp-uid="1" id="target-45" l-part="57"><div lynx-tag="div" l-uid="58" l-p-comp-uid="1" id="target-44" l-part="58"><div lynx-tag="div" l-uid="59" l-p-comp-uid="1" id="target-43" l-part="59"><div lynx-tag="div" l-uid="60" l-p-comp-uid="1" id="target-42" l-part="60"><div lynx-tag="div" l-uid="61" l-p-comp-uid="1" id="target-41" l-part="61"><div lynx-tag="div" l-uid="62" l-p-comp-uid="1" id="target-40" l-part="62"><div lynx-tag="div" l-uid="63" l-p-comp-uid="1" id="target-39" l-part="63"><div lynx-tag="div" l-uid="64" l-p-comp-uid="1" id="target-38" l-part="64"><div lynx-tag="div" l-uid="65" l-p-comp-uid="1" id="target-37" l-part="65"><div lynx-tag="div" l-uid="66" l-p-comp-uid="1" id="target-36" l-part="66"><div lynx-tag="div" l-uid="67" l-p-comp-uid="1" id="target-35" l-part="67"><div lynx-tag="div" l-uid="68" l-p-comp-uid="1" id="target-34" l-part="68"><div lynx-tag="div" l-uid="69" l-p-comp-uid="1" id="target-33" l-part="69"><div lynx-tag="div" l-uid="70" l-p-comp-uid="1" id="target-32" l-part="70"><div lynx-tag="div" l-uid="71" l-p-comp-uid="1" id="target-31" l-part="71"><div lynx-tag="div" l-uid="72" l-p-comp-uid="1" id="target-30" l-part="72"><div lynx-tag="div" l-uid="73" l-p-comp-uid="1" id="target-29" l-part="73"><div lynx-tag="div" l-uid="74" l-p-comp-uid="1" id="target-28" l-part="74"><div lynx-tag="div" l-uid="75" l-p-comp-uid="1" id="target-27" l-part="75"><div lynx-tag="div" l-uid="76" l-p-comp-uid="1" id="target-26" l-part="76"><div lynx-tag="div" l-uid="77" l-p-comp-uid="1" id="target-25" l-part="77"><div lynx-tag="div" l-uid="78" l-p-comp-uid="1" id="target-24" l-part="78"><div lynx-tag="div" l-uid="79" l-p-comp-uid="1" id="target-23" l-part="79"><div lynx-tag="div" l-uid="80" l-p-comp-uid="1" id="target-22" l-part="80"><div lynx-tag="div" l-uid="81" l-p-comp-uid="1" id="target-21" l-part="81"><div lynx-tag="div" l-uid="82" l-p-comp-uid="1" id="target-20" l-part="82"><div lynx-tag="div" l-uid="83" l-p-comp-uid="1" id="target-19" l-part="83"><div lynx-tag="div" l-uid="84" l-p-comp-uid="1" id="target-18" l-part="84"><div lynx-tag="div" l-uid="85" l-p-comp-uid="1" id="target-17" l-part="85"><div lynx-tag="div" l-uid="86" l-p-comp-uid="1" id="target-16" l-part="86"><div lynx-tag="div" l-uid="87" l-p-comp-uid="1" id="target-15" l-part="87"><div lynx-tag="div" l-uid="88" l-p-comp-uid="1" id="target-14" l-part="88"><div lynx-tag="div" l-uid="89" l-p-comp-uid="1" id="target-13" l-part="89"><div lynx-tag="div" l-uid="90" l-p-comp-uid="1" id="target-12" l-part="90"><div lynx-tag="div" l-uid="91" l-p-comp-uid="1" id="target-11" l-part="91"><div lynx-tag="div" l-uid="92" l-p-comp-uid="1" id="target-10" l-part="92"><div lynx-tag="div" l-uid="93" l-p-comp-uid="1" id="target-9" l-part="93"><div lynx-tag="div" l-uid="94" l-p-comp-uid="1" id="target-8" l-part="94"><div lynx-tag="div" l-uid="95" l-p-comp-uid="1" id="target-7" l-part="95"><div lynx-tag="div" l-uid="96" l-p-comp-uid="1" id="target-6" l-part="96"><div lynx-tag="div" l-uid="97" l-p-comp-uid="1" id="target-5" l-part="97"><div lynx-tag="div" l-uid="98" l-p-comp-uid="1" id="target-4" l-part="98"><div lynx-tag="div" l-uid="99" l-p-comp-uid="1" id="target-3" l-part="99"><div lynx-tag="div" l-uid="100" l-p-comp-uid="1" id="target-2" l-part="100"><div lynx-tag="div" l-uid="101" l-p-comp-uid="1" id="target-1" l-part="101"><div lynx-tag="div" l-uid="102" l-p-comp-uid="1" id="target-0" l-part="102"><raw-text lynx-tag="raw-text" l-uid="103" l-p-comp-uid="-1" text="0" l-part="103"></raw-text></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></template></lynx-view>"
 `;
diff --git a/packages/web-platform/web-tests/tests/react.spec.ts b/packages/web-platform/web-tests/tests/react.spec.ts
index f27795b207..ea8ba333fe 100644
--- a/packages/web-platform/web-tests/tests/react.spec.ts
+++ b/packages/web-platform/web-tests/tests/react.spec.ts
@@ -862,6 +862,18 @@ test.describe('reactlynx3 tests', () => {
         ); // green
       },
     );
+
+    test('basic-page-event', async ({ page }, { title }) => {
+      await goto(page, title);
+      const target = page.locator('#target');
+      await expect(target).toHaveCSS('background-color', 'rgb(255, 192, 203)'); // pink
+      await target.click();
+      await wait(100);
+      await expect(target).toHaveCSS(
+        'background-color',
+        'rgb(0, 128, 0)',
+      ); // green;
+    });
   });
   test.describe('basic-css', () => {
     test('basic-css-asset-in-css', async ({ page }, { title }) => {
diff --git a/packages/web-platform/web-tests/tests/react/basic-page-event/index.jsx b/packages/web-platform/web-tests/tests/react/basic-page-event/index.jsx
new file mode 100644
index 0000000000..e5fe8fc752
--- /dev/null
+++ b/packages/web-platform/web-tests/tests/react/basic-page-event/index.jsx
@@ -0,0 +1,25 @@
+// Copyright 2023 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+import { root, useState } from '@lynx-js/react';
+function App() {
+  const [color, setColor] = useState('pink');
+  const handleTap = () => {
+    setColor('green');
+  };
+
+  return (
+    <page
+      bindtap={handleTap}
+    >
+      <view
+        id='target'
+        style={{ width: '100px', height: '100px', backgroundColor: color }}
+      >
+      </view>
+    </page>
+  );
+}
+root.render(
+  <App></App>,
+);