Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

curso for block element doesn't work properly #110

Open
amirho1 opened this issue Jun 16, 2021 · 2 comments
Open

curso for block element doesn't work properly #110

amirho1 opened this issue Jun 16, 2021 · 2 comments

Comments

@amirho1
Copy link

amirho1 commented Jun 16, 2021

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>
  );
}

Screenshot from 2021-06-16 10-39-14

@LCSLITX
Copy link

LCSLITX commented Nov 6, 2021

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
Copy link

Related #116

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants