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

perf: MutationObserver on document.body fires on every DOM mutation

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

Mantenedores costumam responder em até 1 dia

@ArianMoeini já está trabalhando nisso.

Desde 5/10/2026.

  • #90 de @ArianMoeini — aberto

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
52/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
typescript
Domínio
frontend, performance

Direção de pesquisa

Start in apps/app/src/components/explainer-cards.tsx around line 141 and inspect how the MutationObserver is attached and how its callback is triggered. Reproduce frequent DOM updates during agent streaming, then verify the observer no longer reacts to unrelated document-wide mutations and that the performance degradation is addressed.

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

Descrição

enhancement

Description

Severity: P2 — Fragility / Performance

In apps/app/src/components/explainer-cards.tsx:141, a MutationObserver is attached to document.body with { childList: true, subtree: true }, which fires on every DOM mutation in the entire app.

Failure mode

Performance degradation on pages with frequent DOM updates (e.g., during agent streaming).

Suggested fix

  • Narrow the observer scope: observe only the CopilotKit container element (e.g., [data-copilotkit]) instead of document.body
  • Add a debounce or requestIdleCallback to the callback

From self-review finding F06

Linguagem predominante
TypeScript
Estrelas
3.9k
Forks
414
Merge médio
4h
PRs com merge (30d)
6

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 CopilotKit/OpenIntelligentUI

Todas as issues de CopilotKit/OpenIntelligentUI

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.