Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Ripple memory leak

オープン
#4,315 コメント 1 件 リアクション 1 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
45/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
静か
技術スタック
javascript
領域
frontend, mobile

調査の方向性

Android/Web 上の Framework7 v7 で、ボタンまたは別の ripple 要素を含む badge を使用して問題を再現し、その後、クリック後に detached elements がないかブラウザーの Memory スナップショットを調べます。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:

  1. Create a bage that contains buttons(or any ripple element)
  2. Click on the elements
  3. Go to developer console -> Memory
  4. 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
30日以内にマージされた PR はありません

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

framework7io/framework7 のほかの issue

framework7io/framework7 の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。