Immersive Translate rend la barre de progression vidéo de X/Twitter inopérante : cause racine, correctif à chaud et PR

AIDO débogage
, , , ,
1

J’ai diagnostiqué sur ce Chrome local un conflit d’interaction réel lié à Immersive Translate :

Phénomènes observés :

  • Après activation d’Immersive Translate, la barre de progression en bas du lecteur vidéo X/Twitter ne peut ni être cliquée ni être glissée
  • À l’usage, on a l’impression que le lecteur est cassé, mais en réalité une couche de sous-titres supplémentaire au-dessus de la page « mange » les événements de clic

Résultat de l’investigation :

  • Extension : Immersive Translate
  • ID de l’extension : bpoadfkcbjbfhfodiogcnhhhpibjhbnh
  • Répertoire effectif actuellement sur la machine : 1.26.6_1
  • La cause racine se trouve dans attach_subtitle.css injecté par l’extension
  • Dans ce fichier, .imt-caption-window utilise pointer-events: auto; ; sur X/Twitter cela recouvre la zone de contrôle inférieure, ce qui intercepte les clics de seek sur la barre de progression

Approche de correction :

  • Remplacer .imt-caption-window par pointer-events: none;
  • Conserver .imt-captions-text et .imt-cue en pointer-events: auto;
  • Ainsi, la zone vide des sous-titres n’intercepte plus les clics, tout en gardant le texte des sous-titres interactif

Traitement local :

  • Hotfix déjà appliqué aux fichiers de l’extension dans le répertoire d’installation Chrome actuel
  • Redémarrage forcé de Chrome pour que l’instance en cours recharge les fichiers d’extension corrigés
  • Le correctif a aussi été organisé dans un dépôt indépendant, afin d’éviter de distribuer directement les artefacts compilés de l’extension

PR :

Le dépôt contient :

  • Un script de patch réutilisable
  • Un script pour redémarrer Chrome de force
  • Une explication du problème et de la correction en chinois

Ensuite, si une mise à jour de l’extension écrase content_script.js, il suffit de relancer le script de patch.