ionic-team / ionic-team/ionic-framework

feat: Implement toast waiting lists or toast stacking.

未关闭
#20,389 14 条评论 31 个 reaction 已指派 0 人 在 GitHub 查看
package: core type: feature request
主要语言
TypeScript
星标
52.7k
派生
13.3k
平均合并
1 天 14 小时
30 天内合并 PR
50

描述

# 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

贡献指南

打开贡献指南

调研方向

未指定文件、测试或入口点。首先查看 issue 中链接的 Bootstrap stacking 和 Bootstrap Vue 按需 toast 示例,然后明确是否需要 stacking 或等待列表;完成的标准是同一位置的多个 toast 不再重叠,并遵循所选行为。

由索引模型根据 Issue 内容生成。

评估

技术栈
typescript
领域
frontend
Issue 类型
功能
难度
5/5
预计耗时
一周以上
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。