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

TemplateChip DOM portal needs fallback when CopilotKit textarea DOM changes

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

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
48/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Pouca atividade
Stack de tecnologia
typescript
Domínio
frontend

Direção de pesquisa

Start with apps/app/src/components/template-library/template-chip.tsx:29-46 and index.tsx:69, then trace how the CopilotKit textarea selector and parent traversal are used. Check whether CopilotKit exposes a stable injection API, and verify that the chip remains visible when the portal target is absent while template application can still focus the textarea.

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

Descrição

bug

Problem

TemplateChip (template-chip.tsx:29-46) injects itself into CopilotKit's internal DOM by querying [data-testid="copilot-chat-textarea"] and walking to parentElement to insert a portal container. If CopilotKit changes the textarea's DOM nesting in a future update, the chip silently disappears with no indication to the user.

Same fragility exists in template-library/index.tsx:69 which uses the same selector to focus the textarea after applying a template.

Suggested fix

  • Add a fallback: if the portal target isn't found, render the chip above the chat area (e.g. as a fixed-position element) instead of rendering nothing
  • Add a prominent comment documenting the CopilotKit DOM coupling so it's caught during upgrades
  • Consider checking if CopilotKit exposes a stable API for injecting content near the input area

Files

  • apps/app/src/components/template-library/template-chip.tsx
  • apps/app/src/components/template-library/index.tsx

From PR #20 review

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.