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

The "debug console" element is confusing

Aberta
#472 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
35/100
Tipo de issue
Refatoração
Clareza
Precisa de esclarecimento
Status de atividade
Estagnada
Stack de tecnologia
typescript
Domínio
frontend

Direção de pesquisa

No files, tests, or entry points are named. Start by locating the debug console and result-window implementation, then inspect its mobile behavior, dark-theme styling, and source of the “Script error at 0:0” message. Done should mean the confusing element is removed or replaced with an agreed embedded solution and the input/result UI works clearly across themes and mobile.

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

Descrição

This element that is supposed to look like dev-tools in the result window is confusing. It doesn't provide any useful info, it has some layout problems, it makes the UI more clunky and it doesn't work on mobile. It also sometimes shows "Script error at 0:0". I didn't find any good usage example for it yet. I think it would be beneficial to just remove it.

Maybe use a specialized embedded frame for managing those input/result boxes with jsfiddle/codepen/codeSandbox/Glitch if it's possible?

image

The input window would also benefit from some more styling. It awkwardly blends right into background on dark theme:

image

Even a simple rounded border with shadow would work imo:
image

Linguagem predominante
TypeScript
Estrelas
167
Forks
178
Métricas de merge de PRs
Nenhum PR com merge em 30d

Preparar o ambiente

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 solidjs/solid-site

Todas as issues de solidjs/solid-site

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

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