javascript-tutorial / javascript-tutorial/en.javascript.info

Open External Links in a New Tab

Abierto
#3,938 3 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
HTML
Estrellas
25.5k
Forks
4k
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

Currently, when users click on external links within the application, they open in the same browser tab. This causes users to navigate away from the application entirely, which is interrupting workflow and negatively impact user experience.

Expected Behavior
External links should open in a new browser tab (e.g., using target="_blank" with appropriate security attributes like rel="noopener noreferrer"). This allows users to:

  • Keep the application open in the original tab.
  • Easily return to their previous context.
  • Avoid losing unsaved progress or navigation state.

Current Behavior
All links (including external links) open in the same tab, replacing the current application view.

Proposed Solution
Update external anchor elements to open in a new tab by default.

Additional Context
Opening external links in a new tab is a common UX pattern in web applications, especially when linking to documentation or external references.

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza localizando los elementos de anclaje externos en la aplicación y compáralos con los enlaces que permanecen dentro del sitio. Verifica en un navegador que los enlaces externos se abran en una pestaña separada, mientras que los enlaces internos mantengan su comportamiento actual, y confirma que los enlaces que abren una pestaña nueva incluyan los atributos de seguridad solicitados.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
html
Área
frontend, web-dev
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Tranquilo
Claridad
Bastante claro
Aptitud para principiantes
55/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.