Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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.

Avaliação

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

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.

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.

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

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.

Mais de javascript-tutorial/en.javascript.info

Todas as issues de javascript-tutorial/en.javascript.info

Issues semelhantes

Mais issues de Web Dev

Receba novas issues na sua caixa de entrada

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