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

Open External Links in a New Tab

Aberta
#3,938 3 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Linguagem predominante
HTML
Estrelas
25.5k
Forks
4k
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

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.

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

Comece localizando os elementos de âncora externos na aplicação e compare-os com os links que permanecem dentro do site. Verifique em um navegador se os links externos são abertos em uma aba separada, enquanto os links internos mantêm seu comportamento existente, e confirme que os links que abrem uma nova aba incluem os atributos de segurança solicitados.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
html
Domínio
frontend, web-dev
Tipo de issue
Bug
Dificuldade
3/5
Tempo estimado
1-2 dias
Status de atividade
Pouca atividade
Clareza
Razoavelmente clara
Facilidade para iniciantes
55/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.