The cursor doesn't follow accurately

[srav001]

When typing, the cursor lags behind and isin't aligned at the end of the sentence

As seen above cursor isin't at the end of the sentence as it should be.

Repro - https://github.com/srav001/svelte-carta-repro

[warren-bank]

I find that this works nicely:

<svelte:head>
  <!-- Fira font -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap" />
</svelte:head>

<style>
  :global(.carta-font-code),
  :global(.carta-font-code *) {
    font-family: 'Fira Code', monospace !important;
    font-variant-ligatures: normal !important;
    font-size: 1.1rem !important;
    line-height: 1.5rem !important;
  }
</style>

..choose whatever font you like;
the important thing is to normalize the font size and line height.

oh, and I should mention.. that I'm using tailwind css,
which includes a css reset that removes (pretty much) all margins and paddings;
otherwise, you'll probably need to set both to 0px (in the above css block).

[srav001]

Thank you, normalizing the font size and line height was the missing piece.

I would suggest adding it in here - https://beartocode.github.io/carta/getting-started

Since there is possibility of skipping the step unless specifically pointed out of it importance.