feat: Toast backdrop dismiss should re-fire click

[ErkoKnoll]

Type: feat

Ionic Version: 2.x

Platform: all

When Toast backdrop dismiss is enabled then first click is used to dispose the Toast but from UX point of view user expect that click would gregister wherever he clicked. If possible please re-fire that click with the same position so that use has to tap once to dispose the toast and also expect to get a response for that tap from the underlying UI.

[jgw96]

Hello! Thanks for opening an issue with us! Im sorry, but im having a hard time visualizing the issue you are having. Would you mind making a plunker that demonstrates the issue you are describing? Thanks!

[WhatsThatItsPat]

I don't think a plunker is necessary here.

@ErkoKnoll is just saying that when you click the invisible backdrop to dismiss a Toast, it would be nice if the click "carried thru" and the intended action still happened. Users might be trying to tap a button and don't realize there is anything blocking them from doing so.

[jgw96]

Ahh thanks for clarifying @PatrickMcD ! Now i fully understand the issue. @ErkoKnoll Good suggestion!

[brandyscarney]

Hey, so I think the solution to this is to make the backdrop darker by default so the user knows it's there, but also have a property to remove the backdrop. If the backdrop isn't there then any content they click while the toast is open will still fire, and if you wanted to dismiss the toast you could do so on the button click. Does that work?

[ErkoKnoll]

I'd rather go with property to remove the backdrop, because most of the time toast disappears in few seconds. I just don't want to block the user interaction. I'm personally using it for notifications and by nature users shouldn't take any interaction to get rid of them.

[brandyscarney]

Ok, great. I'll work on adding this soon. Thanks for the issue!

[WhatsThatItsPat]

Maybe a listener could be added to ion-page or something when a toast is created, and any interaction caught there would do the job of the backdrop by removing the toast.

[alexbainbridge]

I am not so sure about refiring the click, however having a toast without a backdrop (so no need to prevent clicks), would be great. Also using them for notifications.

[brandyscarney]

So the backdrop was removed entirely as part of issue #6291 and will be in the beta.8 release. If you'd like to check it out sooner, I've released a nightly version that can be installed by running the following in a terminal:

npm install --save [email protected]

If you haven't updated to beta.7 yet, check out the changelog for steps to update.

Thanks!