Correct page number when dispatching update (#911)

* Correct page number when dispatching update

When in last page of data and the page size get changed to a bigger size the current page number will be out of range of total pages.
This code will set the page number in range of total pages.

* fix(pagination): page value should not exceed totalPages

Co-authored-by: metonym <ericyl.us@gmail.com>
This commit is contained in:
Bilux 2021-11-18 16:41:33 +01:00 committed by GitHub
commit 1aad3153b5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -70,7 +70,7 @@
/** Set an id for the top-level element */
export let id = "ccs-" + Math.random().toString(36);
import { createEventDispatcher } from "svelte";
import { afterUpdate, createEventDispatcher } from "svelte";
import CaretLeft16 from "../icons/CaretLeft16.svelte";
import CaretRight16 from "../icons/CaretRight16.svelte";
import Button from "../Button/Button.svelte";
@ -79,6 +79,12 @@
const dispatch = createEventDispatcher();
afterUpdate(() => {
if (page > totalPages) {
page = totalPages;
}
});
$: {
if (typeof page !== "number") {
page = Number(page);