Immersive Translate breaks the X/Twitter video progress bar: root cause, hotfix, and PR

AIDO debug
, , , ,
1

I troubleshot a real interaction conflict related to Immersive Translate in local Chrome:

Symptoms:

  • After enabling Immersive Translate, the progress bar at the bottom of the X/Twitter video player can’t be clicked or dragged
  • It feels like the player is broken, but in fact there’s an extra subtitle overlay layer on top of the page that eats click events

Findings:

  • Extension: Immersive Translate
  • Extension ID: bpoadfkcbjbfhfodiogcnhhhpibjhbnh
  • Currently effective local directory: 1.26.6_1
  • The root cause is in the extension-injected attach_subtitle.css
  • In it, .imt-caption-window uses pointer-events: auto;, which on X/Twitter overlaps the bottom control area, causing progress-bar seek clicks to be intercepted

Fix approach:

  • Change .imt-caption-window to pointer-events: none;
  • Keep .imt-captions-text and .imt-cue as pointer-events: auto;
  • This way the blank subtitle area no longer intercepts clicks, while the subtitle text itself remains interactive

Local handling:

  • Completed a hotfix on the extension files in the current Chrome installation directory
  • Forced a Chrome restart so the current running instance reloads the fixed extension files
  • Also organized the patch into an independent repo to avoid directly distributing extension build artifacts

PR:

What’s in the repo:

  • Reusable patch script
  • Script to force-restart Chrome
  • Chinese issue description and fix notes

Later, if an extension upgrade overwrites content_script.js, just rerun the patch script.