Toaster 7.6.0 Text input is blurred when the toast shows up

[goxr3plus]

I have seen the issue https://github.com/diegoddox/react-redux-toastr/issues/238

And the given solution doesn't work for me i call the toaster like :

toastr.success(title, message, { disableCloseButtonFocus: true } )

When the toaster appears it causes the Text Input to blur

@diegoddox @MirayaReie

[zarv1k]

@goxr3plus please check at the latest tag - https://github.com/diegoddox/react-redux-toastr/releases/tag/v7.6.5

[goxr3plus]

@zarv1k

Just tested again with the latest https://github.com/diegoddox/react-redux-toastr/releases/tag/v7.6.5 and Chrome 92

toastr.success(title, message, { disableCloseButtonFocus: true } )

issue is still the same when toaster appears it stills the focus from Text Input and makes it blur

[goxr3plus]

Am i using wrong options ? The property disableCloseButtonFocus doesn't work anymore ?

[zarv1k]

@goxr3plus

Am i using wrong options ? The property disableCloseButtonFocus doesn't work anymore ?

I don't know. Let's check this example. It works!

[goxr3plus]

@zarv1k

What the as any means i have never seen that before :) Even Webstorm doesn't recognize it loccally. It's typescript ?

[diegoddox]

Hi @goxr3plus, I wil try to have a look on it and yes that is typescript. Thanks a lot @zarv1k for your responses and for providing an example.

[zarv1k]

@diegoddox the issue should be closed. The option disableCloseButtonFocus works well as you can see on my example.

[traverse]

I just stumbled upon this problem as well, is there any way to globally disable this behavior? It doesn't seem that you can add it as a prop to the ReduxToastr component.