@spotify-confidence/csr-recorder 0.17.13 → 0.17.14

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.17.14](https://github.com/spotify/confidence-sdk-js/compare/csr-recorder-v0.17.13...csr-recorder-v0.17.14) (2026-08-20)
+
+
+### 🐛 Bug Fixes
+
+* **csr-recorder:** preserve native click modifiers ([#440](https://github.com/spotify/confidence-sdk-js/issues/440)) ([9575f1a](https://github.com/spotify/confidence-sdk-js/commit/9575f1a915a1a71ae16b1bd59053085d2456b0da))
+
 ## [0.17.13](https://github.com/spotify/confidence-sdk-js/compare/csr-recorder-v0.17.12...csr-recorder-v0.17.13) (2026-08-18)
 
 

package/dist/index.cjs

@@ -11127,16 +11127,17 @@ function clickModifiersPlugin() {
 		observer: (_callback, win) => {
 			const onClick = (event) => {
 				const click = event;
-				pendingClick = {
+				const modifiers = {
 					button: click.button,
 					altKey: click.altKey,
 					ctrlKey: click.ctrlKey,
 					metaKey: click.metaKey,
 					shiftKey: click.shiftKey
 				};
-				queueMicrotask(() => {
-					pendingClick = null;
-				});
+				pendingClick = modifiers;
+				win.setTimeout(() => {
+					if (pendingClick === modifiers) pendingClick = null;
+				}, 0);
 			};
 			win.addEventListener("click", onClick, true);
 			return () => win.removeEventListener("click", onClick, true);

package/dist/index.js

@@ -11126,16 +11126,17 @@ function clickModifiersPlugin() {
 		observer: (_callback, win) => {
 			const onClick = (event) => {
 				const click = event;
-				pendingClick = {
+				const modifiers = {
 					button: click.button,
 					altKey: click.altKey,
 					ctrlKey: click.ctrlKey,
 					metaKey: click.metaKey,
 					shiftKey: click.shiftKey
 				};
-				queueMicrotask(() => {
-					pendingClick = null;
-				});
+				pendingClick = modifiers;
+				win.setTimeout(() => {
+					if (pendingClick === modifiers) pendingClick = null;
+				}, 0);
 			};
 			win.addEventListener("click", onClick, true);
 			return () => win.removeEventListener("click", onClick, true);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spotify-confidence/csr-recorder",
   "license": "Apache-2.0",
-  "version": "0.17.13",
+  "version": "0.17.14",
   "repository": {
     "type": "git",
     "url": "https://github.com/spotify/confidence-sdk-js.git",

package/src/engine/rrweb-engine.test.ts

@@ -64,7 +64,7 @@ describe('RrwebEngine', () => {
     expect(recordSpy.mock.calls[0][0].slimDOMOptions).toBe('all');
   });
 
-  it('adds native click modifier keys to the rrweb click event', () => {
+  it('keeps native click modifiers through a browser microtask checkpoint', async () => {
     new RrwebEngine().start({}, () => {});
     const plugin = recordSpy.mock.calls[0][0].plugins.find(
       ({ name }: { name: string }) => name === 'csr/click-modifiers@1',
@@ -80,6 +80,9 @@ describe('RrwebEngine', () => {
         shiftKey: true,
       }),
     );
+    // Browsers can run a microtask checkpoint between the window capture
+    // listener above and rrweb's document listener for a trusted click.
+    await Promise.resolve();
 
     expect(
       plugin.eventProcessor({
@@ -114,7 +117,7 @@ describe('RrwebEngine', () => {
     );
     const removeObserver = plugin.observer(() => {}, window);
     document.dispatchEvent(new MouseEvent('click', { metaKey: true }));
-    await Promise.resolve();
+    await new Promise(resolve => window.setTimeout(resolve, 0));
 
     const event = {
       type: 3,

package/src/engine/rrweb-engine.ts

@@ -24,16 +24,17 @@ function clickModifiersPlugin(): RrwebPlugin {
     observer: (_callback, win) => {
       const onClick = (event: Event) => {
         const click = event as MouseEvent;
-        pendingClick = {
+        const modifiers = {
           button: click.button,
           altKey: click.altKey,
           ctrlKey: click.ctrlKey,
           metaKey: click.metaKey,
           shiftKey: click.shiftKey,
         };
-        queueMicrotask(() => {
-          pendingClick = null;
-        });
+        pendingClick = modifiers;
+        win.setTimeout(() => {
+          if (pendingClick === modifiers) pendingClick = null;
+        }, 0);
       };
 
       win.addEventListener('click', onClick, true);