Delay in new line when Horizontally Centered is true

[PROxZIMA]

Describe the bug
There is a noticeable delay in new lines when Horizontally Centered is set to true AND width of the line is less than width of the svg

To Reproduce
Steps to reproduce the behavior:

1. Go to https://readme-typing-svg.herokuapp.com/demo/
2. Add lines There is no problem in this line as it is long., But this takes, time to appear :(
3. Set Horizontally Centered to true
4. See error

Expected behavior
No delay in occurrence of new line is expected

Screenshots

Readme.Typing.SVG.mp4

Desktop (please complete the following information):

• OS: Linux(Pop!_OS)
• Browser: Firefox
• Version: v93

[DenverCoder1]

This is the intended behavior and is the only way it can work. See this comment for why it happens - #12 (comment).

If you want to remove the delay, make the text longer to fill the full width or make the width smaller

[PROxZIMA]

I thought of using width of text as the key element.

Let width of text in a line be textWidth.
Let startPosition = (svgWidth - textWidth) / 2

Then the value attribute in <animate> element will be something like this

m<startPosition>,25 h0 ; m<startPosition>,25 h<textWidth> ; m<startPosition>,25 h0

This will start the animation from beginning of the text as well as center the text
and also eliminate use of x="50%" text-anchor="middle" in <text>

[DenverCoder1]

The issue is that it is difficult to find out the textWidth since you can only really know exactly how long it will be after it is rendered.

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days