Estoy desarrollando una extensión de Chrome que inyecta código JS en todas las pestañas abiertas. La tarea de este código incluye mostrar un cuadro de texto, implementado comocontentEditable <div> para permitir el formateo. sin embargo, elcontentEditable El elemento no funciona bien con algunos sitios web, p. Gorjeo.

Inténtalo tú mismo:

Irtwitter.comPegarjavascript:document.body.setAttribute('contentEditable', true); en la barra de direcciones y presiona enter.Haga clic en cualquier parte del documento; ahora debería poder editar el texto.Intenta escribir unj ok. Verá: el personaje no aparece, en su lugar, la selección se mueve (se resaltará un tweet en la lista).

Me he esforzado por descubrir cómo se implementa la navegación del teclado de Twitter, pero no pude encontrar ninguna pista. ¿Me puede dar algún consejo sobre cómo resolver este problema (y evitar problemas similares en otros sitios web)?

El uso de un iFrame para la entrada desencadena otros errores muy extraños, por lo que quiero evitarlo si es posible.