Reenables identification of elements after view transitions.

.changeset/cuddly-parents-prove.md

@@ -0,0 +1,5 @@
+---
+'@vtbag/inspection-chamber': patch
+---
+
+Reenables identification of elements after view transitions.

src/bench.txt

@@ -119,7 +119,8 @@
 			/>
 			<div style="view-transition-name: vtbag-checkbox-styled">
 				<input id="vtbag-ui-framed" type="checkbox" />
-				<label for="vtbag-ui-framed">Frame elements</label><br />
+				<label for="vtbag-ui-framed"
+				title="Highlight the outline of elements with view&#10;transition names or their pseudo elements&#10;during view transitions.">Frame elements</label><br />
 				<input id="vtbag-ui-named-only" type="checkbox" />
 				<label
 					for="vtbag-ui-named-only"

src/index.ts

@@ -130,10 +130,7 @@ function beforeUpdateCallbackDone() {
 	viewTransition!.finished.finally(() => {
 		clearVtActive();
 		inspectionChamber.viewTransition = undefined;
-		const twin = top!.__vtbag.inspectionChamber?.frameDocument
-			?.querySelector('#vtbag-twin--view-transition')
-			?.remove();
-
+		inspectionChamber.frameDocument?.querySelector('#vtbag-twin--view-transition')?.remove();
 		unleashAllAnimations();
 		inspectionChamber.animations = undefined;
 		inspectionChamber.longestAnimation = undefined;
@@ -147,6 +144,7 @@ function beforeUpdateCallbackDone() {
 		top!.document.querySelector<HTMLSpanElement>('#vtbag-ui-animations')!.innerText = '';
 		!root.dataset.vtbagModus &&
 			top!.document.querySelector<HTMLLIElement>('#vtbag-ui-modi li input')?.click();
+		inspectionChamber.frameDocument!.addEventListener('click', innerClick);
 		setTimeout(() => {
 			const empty = top!.document.querySelector<HTMLDivElement>(
 				'#vtbag-ui-inner-panel:has( > div:nth-of-type(2):empty)'