-
Notifications
You must be signed in to change notification settings - Fork 20
Description
Essa funcionalidade está relacionada a algum problema? Descreva.
O componente RichText está processando incorretamente a marcação quando há quebras de linha ou múltiplos espaços entre textos. Especificamente, ao aplicar itálico ou negrito a uma palavra que é precedida por um espaço, o componente remove esse espaço e traz a segunda palavra para perto da primeira, quebrando a formatação esperada pelo usuário.
Descreva a solução que você gostaria
Gostaria que o componente RichText preservasse os espaços em branco e quebras de linha originais ao aplicar marcações de formatação (itálico, negrito, etc.). O parsing do texto não deve alterar a estrutura de espaçamento entre as palavras.
Descreva alternativas que você considerou
Tentar forçar white-space: pre-wrap no CSS, mas o problema parece estar na lógica de parsing/serialização do Stencil antes da renderização.
Componente do Design System
RichText
Link(s) do Figma
n/a
Isso é uma alteração em um componente existente ou criação de um novo?
- Atualização de componente existente
- Criação de novo componente
Contexto adicional
O problema ocorre quando a estrutura interna de dados do componente tenta mapear os nós de texto. É necessário investigar o método que processa o conteúdo children ou o parser de markdown/HTML do componente.
🛠️ Notas de implementação (para desenvolvedores e agentes de IA) - NÃO REMOVER
- Utilize os links do Figma com as ferramentas Figma MCP para inspecionar e extrair os detalhes do componente antes de iniciar o desenvolvimento.
- Todo componente implementado ou atualizado deve conter histórias no Storybook demonstrando todos os estados possíveis do componente.
- Sempre que possível, consolide as variações em uma única página de story, utilizando controles ou variantes para representar diferentes estados.