Vue - AutoScrollTop on pagination not working and pageChange event not emitted
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- 明確に書かれている
- 活発さ
- 停滞
- 技術スタック
- javascript
- 領域
- frontend
調査の方向性
packages/vue/src/components/result/ReactiveList.jsx から始めて、hits の watcher とその loading 条件を調べます。ReactiveList でページネーションを再現し、ページを変更するとデフォルトで先頭までスクロールし、pageChange イベントが発生することを確認します。
索引モデルが issue の本文から書いたものです。
説明
Affected Projects
Vue.JS
Library Version:
1.29.0
Describe the bug
When clicking on a page number, the ReactiveList component should scroll to top (by default) and should send a pageChange event.
In my case, the scroll is not done and I never get the pageChange event.
I think I found the problem in the code of the /packages/vue/src/components/result/ReactiveList.jsx component:
hits(newVal, oldVal) {
this.$emit('data', this.getData());
if (this.shouldRenderPagination) {
// called when page is changed
if (this.isLoading && (oldVal || newVal)) {
if (this.hasPageChangeListener) {
this.$emit('pageChange', this.currentPageState + 1, this.totalPages);
this.$emit('page-change', this.currentPageState + 1, this.totalPages);
} else if (this.scrollOnChange) {
window.scrollTo(0, 0);
}
}
I can be wrong but I think that the line
if (this.isLoading && (oldVal || newVal)) {
should be
if (!this.isLoading && (oldVal || newVal)) {
It's missing a NOT before this.isLoading. Else it will never execute the code that is following the condition because the loading is finished since a while at this time.
- 主要言語
- JavaScript
- スター
- 4.9k
- フォーク
- 479
- 平均マージ
- 4日 10時間
- マージ済み PR（30日）
- 4
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
appbaseio/reactivesearch のほかの issue
-
ci: add Node.js version matrix, caching, and lint step to test workflow対応中かも @Talha12Shiekh が 74 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
appbaseio/reactivesearch#2322 ·
メンテナーはふだん 1 日以内に返信
-
chore: add Dependabot config for automated dependency updates対応中かも @Talha12Shiekh が 74 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
appbaseio/reactivesearch#2321 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
security: user-controlled URL params injected directly into Redux store via JSON.parse対応中かも @Talha12Shiekh が 74 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
appbaseio/reactivesearch#2319 ·
メンテナーはふだん 1 日以内に返信
-
refactor: consolidate 12 near-identical SVG icon components into one pattern対応中かも @Talha12Shiekh が 75 日前に担当しました。 オープン
難易度 4/5 3〜5日 初心者へのやさしさ 48/100
appbaseio/reactivesearch#2324 ·
メンテナーはふだん 1 日以内に返信
-
refactor: SearchBox.js is 2692 lines — extract subcomponents for maintainability対応中かも @Talha12Shiekh が 74 日前に担当しました。 オープン
難易度 4/5 3〜5日 初心者へのやさしさ 55/100
appbaseio/reactivesearch#2323 ·
メンテナーはふだん 1 日以内に返信
appbaseio/reactivesearch の issue をすべて見る
似ている issue
-
難易度 1/5 1時間未満 初心者へのやさしさ 76/100
521xueweihan/HelloGitHub#3939 ·
-
難易度 1/5 1時間未満 初心者へのやさしさ 84/100
メンテナーはふだん 1 日以内に返信
-
needs-website-changes
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
メンテナーはふだん 1 日以内に返信
-
[Bug] critique requires the detector on native targets, but audit.native.md says it does not applyオープンneeds triage
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
pbakaus/impeccable#1017 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
メンテナーはふだん 1 日以内に返信