Ripple memory leak
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 45/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 冷清
- 技术栈
- javascript
调研方向
在 Android/Web 上的 Framework7 v7 中，使用带有按钮或其他 ripple 元素的 badge 重现该问题，然后检查浏览器的 Memory 快照，确认点击后是否存在 detached elements。检查 touchRippleElements 和 touchRippleInsetElements 配置以及 ripple 效果的行为；当点击不再保留 detached elements 或产生报告中的 memory leak，并且禁用 ripple 不会产生错误时，即表示完成。
由索引模型根据 Issue 内容生成。
描述
- Framework7 version: 7
- Platform and Target: Android / Web
Describe the bug
Ripple effect causes affected elements to remain detached. Also creates an detached div for the animation. It creates an memory leak of 1kb per click
To Reproduce
Steps to reproduce the behavior:
- Create a bage that contains buttons(or any ripple element)
- Click on the elements
- Go to developer console -> Memory
- Create a snapshot and look for detached elements
Expected behavior
Not creating a memory leak on click
Additional context
I am now trying to remove the ripple effect by this:
app = new Framework7({
...
touch: {
touchRippleElements: "",
touchRippleInsetElements: ""
}
});
It removes the memory leak, but causes an console error. Its not a blocker but still, i think it should not be an error but a warning
- 主要语言
- JavaScript
- 星标
- 18.8k
- 派生
- 3.2k
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
framework7io/framework7 的其他 Issue
-
propsHistory未关闭
难度 2/5 1-3 小时 新手友好度 72/100
framework7io/framework7#4347 · 1 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 64/100
framework7io/framework7#4222 · 3 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 65/100
framework7io/framework7#4175 · 1 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 65/100
framework7io/framework7#3969 · 3 条评论 ·
-
难度 1/5 1 小时以内 新手友好度 68/100
framework7io/framework7#3922 · 5 条评论 ·
查看 framework7io/framework7 的全部 Issue
相似的 Issue
-
automation models
难度 2/5 1-3 小时 新手友好度 78/100
维护者通常 1 天内回复
-
needs:triage
难度 2/5 1-3 小时 新手友好度 84/100
维护者通常 1 天内回复
-
enhancement status: needs triage
难度 2/5 1-3 小时 新手友好度 88/100
mastra-ai/mastra#25508 · 1 条评论 ·
维护者通常 1 天内回复
-
bug
难度 2/5 1-3 小时 新手友好度 84/100
维护者通常 1 天内回复
-
agentic-workflows
难度 1/5 1 小时以内 新手友好度 72/100
githubnext/gh-aw-cao#15017 ·
维护者通常 1 天内回复