curso for block element doesn't work properly

[amirho1]

The typist's cursor doesn't work properly when it has a block element i.e H1 it goes to one line bottom

import "./Home.scss";
import React from "react";
import Typist from "react-typist";

export default function Home() {
  return (
    <div className="home page">
      <Typist>
        <h1 style={{ display: "inline" }}>
          Testing <b style={{ color: "#7a5bf5" }}>Typist</b> inside an Inline
          element
        </h1>
      </Typist>

      <Typist>
        <h1 style={{ marginTop: "2em" }}>
          Testing <b style={{ color: "#7a5bf5" }}>Typist</b> inside a Block
          element
        </h1>
      </Typist>
    </div>
  );
}

[LCSLITX]

I'm also struggling with it. Did you find any solution?

You could check issue #82. I used a temporary solution just setting CSS property of block elements to inline-block and then used line-breaks to write on a new line.

[softmarshmallow]

Related #116