question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

autoClose is based on the progress bar animation

See original GitHub issue

If I write a custom CSS without progress bar animation (let’s say I do not want to use them, so they are always hidden and I don’t care styling them), the toast never closes itself, despite the autoClose property.

I think this is conceptually wrong, I mean, relying on something visual and completely optional to implement an apparently non-related key feature. Also, this break compatibility with IE9 because it does not support CSS animations events (assuming we care about IE11-).

I can work on a PR to make autoClose work just with normal setInterval if you prefer.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
vikrant-gembrillcommented, Jan 8, 2021

@fkhadra yes that has resolved the issue, thanks.

2reactions
fkhadracommented, Jan 8, 2021

@vikrant-gembrill if the toast pause when you click outside of the page you have to set pauseOnFocusLoss to false

<ToastContainer pauseOnHover={false}  pauseOnFocusLoss={false} />
Read more comments on GitHub >

github_iconTop Results From Across the Web

How to end a progress bar animation before max timeout with ...
I have a custom progress bar which i pass the max progress as a parameter. It works properly when the timeout is reached...
Read more >
Animated Progress Bars: CSS Tutorial (Day 19 of CSS3 in 30 ...
Create CSS only progress bars that animate. ⭐️Files you need ⭐️ Animated Progress Bars Code: ...
Read more >
Why do progress bars animate backwards?
The example progress bars are animating in two ways: (1) the area representing progress is widening, with its right-edge moving to the right;...
Read more >
Progress bar - Carbon Design System
A progress bar indicates that the user's request has been received and the application is making progress toward completing the requested ...
Read more >
Progress - Bootstrap
Documentation and examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found