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

Open External Links in a New Tab

Ouverte
#3,938 3 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
HTML
Étoiles
25.5k
Forks
4k
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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.

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par localiser les éléments d’ancrage externes dans l’application et comparez-les aux liens qui restent au sein du site. Vérifiez dans un navigateur que les liens externes s’ouvrent dans un onglet distinct, tandis que les liens internes conservent leur comportement actuel, et confirmez que les liens ouvrant un nouvel onglet incluent les attributs de sécurité demandés.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
html
Domaine
frontend, web-dev
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
55/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.