Autoclose not working if progressbar hidden via display non

Do you want to request a feature or report a bug? Bug

What is the current behavior? Toast not autocloses if progress bar is hidden via display: none. Hiding it by default method (opacity) is not working because of IE11 flexbug (https://github.com/philipwalton/flexbugs/issues/111).

[craigkovatch]

FYI I am solving the problem without importing CSS by using TypeStyle, although any CSS injection tool will do:

const progressClassName = TypeStyle.style({
  animation: `${TypeStyle.keyframes({
    from: { transform: 'scaleX(1)' },
    to: { transform: 'scaleX(0)' },
  })} linear 1 forwards`
});

toast.configure({
  autoClose: 5000,
  hideProgressBar: true,
  progressClassName, // necessary for autoClose to work properly due to implementation details of react-toastify
});

[puopg]

I must agree, an element that must be rendered in the page that we can easily remove using css affecting the behavior of the toast is wild. I was scratching my head as to what was going on.

Please document this somewhere in the autoClose section: https://fkhadra.github.io/react-toastify/autoClose