diff options
| author | Jan <sentrycraft123@gmail.com> | 2023-07-02 15:55:57 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-07-02 16:55:57 +0200 |
| commit | 80ec31fa92370472a442a43de993d7a6ce79741a (patch) | |
| tree | 94706f9b0c958b8e8b203ebbc912e5020e95cc88 | |
| parent | 46260b91481a7d5378f5ea6a32692774cb7037dd (diff) | |
| download | FlightCore-80ec31fa92370472a442a43de993d7a6ce79741a.tar.gz FlightCore-80ec31fa92370472a442a43de993d7a6ce79741a.zip | |
fix: delay scrolling the Mods View to prevent it stopping prematurely (#403)
| -rw-r--r-- | src-vue/src/views/mods/ThunderstoreModsView.vue | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/src-vue/src/views/mods/ThunderstoreModsView.vue b/src-vue/src/views/mods/ThunderstoreModsView.vue index 7f70f03c..1221f85f 100644 --- a/src-vue/src/views/mods/ThunderstoreModsView.vue +++ b/src-vue/src/views/mods/ThunderstoreModsView.vue @@ -18,7 +18,7 @@ layout="prev, pager, next"
:page-size="modsPerPage"
:total="modsList.length"
- @current-change="(e: number) => currentPageIndex = e - 1"
+ @update:current-page="onPaginationChange"
/>
</div>
@@ -36,7 +36,8 @@ layout="prev, pager, next"
:page-size="modsPerPage"
:total="modsList.length"
- @current-change="onBottomPaginationChange"
+ @update:current-page="onPaginationChange"
+ @current-change="scrollTop"
/>
</div>
</div>
@@ -183,9 +184,13 @@ export default defineComponent({ /**
* This updates current pagination and scrolls view to the top.
*/
- onBottomPaginationChange(index: number) {
+ onPaginationChange(index: number) {
this.currentPageIndex = index - 1;
- (this.$refs.scrollbar as ScrollbarInstance).scrollTo({ top: 0, behavior: 'smooth' });
+ },
+ scrollTop(index: number) {
+ setTimeout(() => {
+ (this.$refs.scrollbar as ScrollbarInstance).scrollTo({ top: 0, behavior: 'smooth' });
+ }, 100)
}
},
watch: {
|