Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

168
Vistas
El enlace (<a href) permanece enfocado después de abrir la URL en una nueva pestaña (solo en Chrome Android)

Tengo una página web donde los enlaces (realmente simples) abren las URL en nuevas pestañas:

 <a href="https://www.example.com" target="_blank" rel="noopener noreferrer"></a>

El siguiente problema aparece en Android Chrome, pero no en el navegador de Internet de Windows o Samsung en Android (así que supongo que es algo solo con Chrome y Android): Cuando hago clic en un enlace de mi sitio, vuelvo a mi sitio, desplácese hacia abajo hasta un nuevo enlace, y hago clic en ese nuevo enlace, justo antes de abrir la nueva pestaña, puedo ver que mi página se desplaza hacia atrás a la ubicación del enlace abierto anteriormente. Y pude descubrir que cuando hago clic en un enlace, permanece enfocado, incluso se abre una nueva pestaña, y vuelvo a mi página, el enlace en el que se hizo clic aún está enfocado. (Podría averiguarlo cambiando los colores, para poder ver qué enlace está enfocado).

Esto sucede paso a paso:

  1. Abro mi página.
  2. Hago clic en el enlace #1 .
  3. La URL de la misma se abre en una nueva pestaña.
  4. Vuelvo a mi página, donde puedo ver que el enlace #1 todavía está azul, enfocado. (Los enlaces normales sin hacer clic son blancos). Me desplazo hacia abajo para ver los otros enlaces.
  5. Hago clic en un enlace diferente, por ejemplo #12 .
  6. Justo antes de que se abra la nueva pestaña con la URL del enlace n.º 12, puedo ver que mi página vuelve a la ubicación del enlace abierto anteriormente ( #1 ).
  7. Entonces, cuando vuelvo a mi página, puedo ver que el enlace n #12 aún está azul, enfocado. Entonces, cuando me desplazo hacia abajo, hago clic en otro enlace, primero salta al n #12 antes de abrir la nueva URL.

Encontré problemas similares discutidos aquí, pero todos querían eliminar solo el color enfocado, no el enfoque en sí. Y creo que tengo que eliminar de alguna manera también el foco del enlace en el que ya se ha hecho clic para evitar que se desplace hacia él.

Intenté this.blur(); , pero eso elimina solo el color de enfoque. Intenté también return false; , pero eso impide la apertura del enlace.

Estoy usando Bootstrap 4, no sé si eso importa o no, pero tal vez sea información útil. (Consulte la ACTUALIZACIÓN n. ° 1 con respecto a esto).

Espero que alguien sepa la solución a ese molesto problema.

Gracias de antemano.

ACTUALIZACIÓN #1 Resultó que no es por Bootstrap. Creé un archivo .html en blanco, agregué solo las líneas <a href y muchos <br> entre ellas para poder ver los "saltos". Y hace lo mismo... Exactamente lo mismo. Pero solo en Chrome Android... Realmente molesto, y no encuentro el motivo ni la solución.

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda