ionic-team / ionic-team/ionic-framework

feat: Implement toast waiting lists or toast stacking.

Open
#20,389 14 comments 31 reactions 0 assignees View on GitHub
package: core type: feature request
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

# Feature Request

**Ionic version:**
[x] **4.x** or **5.x**

**Describe the Feature Request**
Currently if you present multiple toasts in the same position they show on top of one another which looks like a bug.

**Describe Preferred Solution**
I would suggest one of two things:

1. Implement toast stacking. If you present multiple toasts, they display in a list like the phone's notification drawer. This is what most UI libraries that display toasts do.

https://getbootstrap.com/docs/4.2/components/toasts/#stacking

**Describe Alternatives**

2. Implement toast waiting lists. This means if you present two toasts in the same position at the same time, the second toast that was presented waits for the first toast to be dismissed, then it presents itself.

**Related Code**
Here are examples in Bootstrap Vue: https://bootstrap-vue.js.org/docs/components/toast/#toasts-on-demand

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.