Skip to content

Correção de espaçamento e marcação no componente RichText ao aplicar formatação #1133

@TarsysFonseca

Description

@TarsysFonseca

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.

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions