ā–¼
Streaming live at 10am (PST)

Typing animation

Hi @Noah-R
I have used this typed animation in the placeholder of my search field. But the animation continues even if I start to write and get backspaces then a new line starts.

How can I pause this animation on focus/click and write my own words in that search field stopping the animation? and If I focus outside the search input, I want the animation to be resumed. Is it even possible?

Thanks for your help in advance.

Only by custom code. Use Type.js - stop / start methods. Run stop if the form field s focus.

http://mattboldt.github.io/typed.js/docs/

Use focus events (custom code before body):

Example of using start/stop methods (play type.js when scroll in to view):

Thanks a lot, man. But can you show me a demo?

No. Sorry - its sound more like a freelancer task (Very specific idea - I also need time to solve this).
Write me in private maybe.