vmware-clarity / core

Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.
https://clarity.design
MIT License
168 stars 42 forks source link

Typography: Backticks are not rendered as expected #296

Open vivganes opened 8 months ago

vivganes commented 8 months ago

Describe the bug

When there is a backtick(`) in a plain text (not a markdown one), it is rendered without a trailing space and on top of the next character. This results in people misunderstanding written instructions.

How to reproduce

https://stackblitz.com/edit/clarity-dark-theme-clr17-xcenqh?file=src%2Fapp%2Fapp.component.html

Steps to reproduce the behavior:

  1. Add any text with backtick in any component of your code
  2. See the wrong rendering

image

Expected behavior

Backticks are expected to be rendered without superimposing on the next character.

Versions

Clarity project:

Clarity version:

Framework:

Framework version: Angular 17

Device:

Additional notes

None

vivganes commented 3 months ago

I am willing to take and work on it but I am not able to figure out the root cause in my analysis.

Any guidance on where I can look?