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.

toastify autoClose not working

See original GitHub issue

bug

Tech Stack: Next js, React

What is the current behavior?

autoClose is not working until user clicks on toast

What is the expected behavior?

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?

“react”:17.0.2" toast: tried with version 6 to 8

not sure but it was working with react: "^16.8.3"

Issue Analytics

State:
Created 2 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

2reactions

znalexandrcommented, Sep 8, 2021

I returned this code to my css and autoClose worked. I think autoClose depends on these styles:

@keyframes Toastify__trackProgress {
    0% {
      transform: scaleX(1);
    }
    100% {
      transform: scaleX(0);
    }
  }
  .Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: var(--toastify-z-index);
    opacity: 0.7;
    transform-origin: left;
  }

  .Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards;
  }

0reactions

yashgandhi303commented, Sep 8, 2021

@znalexandr Thanks, that solved my problem. Closing the issue.