Possible to type centered text without text shifting?

[srwiseman]

Basically, when you apply this component to a centered string of text, its shifts the already-typed text to the left, as you're typing on the right. This makes the text hard to read.

Is it possible to have the text placement static on centered text? I.e. it starts typing on the left of the screen and finishes typing on the left.

As an example, look at the effect here: https://caferati.me/ The text is in a static position as it's being typed, yet it's centered.

[jstejada]

@srwiseman good catch! I'll see if we can take into account text centering.

happy to receive PRs for this too!

[srwiseman]

@jstejada Cool! If I get some time I'll make a PR. I imagine each time a letter is typed, you're rendering it to the DOM. I think this could be accomplished by rendering all of the letters from at the start but have them transparent. Then each time a letter is typed, it removes the transparency. Not sure. Just an idea...

[dav-sap]

hey guys, any progress on this issue? i just thought of this as well

[gillennium]

I had this issue as well. Was able to resolve it by setting the following styles on the cursor:

.Typist .Cursor {
  display: inline-block;
  width: 0;
}

Default cursor character (|) will still be visible (overflowing outside the bounds of the cursor container).