Orlandster / vue-typed-js

Typed.js integration for vue.js. Create a typing animation.
http://www.mattboldt.com/demos/typed-js/
MIT License
478 stars 38 forks source link

Doesn’t work when loop and smartBackspace are true #51

Open simonhrogers opened 2 years ago

simonhrogers commented 2 years ago

Hi, thanks so much for your work on this.

As noted in the title, the animation breaks after one cycle with both :loop="true" and smartBackspace="true" configured.

e.g.

    <vue-typed-js
      :strings="['Any Old Bollocks', 'Any Other Business', 'Await Orthogonal Blessings', 'Abraham Object Bison', 'About Occasionally Beloved', 'Adolescent Orangutan Bicycles']"
      :typeSpeed="100"
      :startDelay="1000"
      :backSpeed="20"
      :smartBackspace="false"
      :shuffle="true"
      :loop="true"
      :showCursor="false"
    >
      <h1 class="typing"></h1>
    </vue-typed-js>

I believe this was fixed in the original package, as mentioned here: https://github.com/mattboldt/typed.js/issues/262#issuecomment-312295265