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

Cursor not blinking unless FadeOut is present #332

Closed
alukach opened this issue Dec 7, 2017 · 3 comments
Closed

Cursor not blinking unless FadeOut is present #332

alukach opened this issue Dec 7, 2017 · 3 comments

Comments

@alukach
Copy link

alukach commented Dec 7, 2017

Description

I've noticed that the cursor does not automatically blink in the most basic of demos (unless CSS is manually added to ensure the cursor blinks).

However, the full demo page works because there is a fadeOut example on the page.

Demo

Basic demo, broken, no fadeOut example included
Working, after I've added a fadeOut example

Expected behavior: [What you expect to happen]
Cursor should blink in basic demo.

Actual behavior: [What actually happens]
Cursor does not blink.

Reproduces how often: [What percentage of the time does it reproduce?]
100%

Additional Information

My guess is that the bug is related to #285 and possible resolved by #306 (I have not tried)

@peteringram0
Copy link

+1 Will this be fixed soon ?

@marcelo-ribeiro
Copy link

Temporary solution:

CSS:

@keyframes typedjsBlink {
  50% { opacity: 0; }
}
.typed-cursor {
  animation: typedjsBlink 0.7s infinite;
}

@Mineslu
Copy link

Mineslu commented Jun 29, 2018

In line 552 of typed.js:
this.cursor.className = 'typed-cursor';

Change for:
this.cursor.className = 'typed-cursor typed-cursor--blink';

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

4 participants