diff --git a/src/Pagination/Pagination.svelte b/src/Pagination/Pagination.svelte index 63171bd3..9587f5e4 100644 --- a/src/Pagination/Pagination.svelte +++ b/src/Pagination/Pagination.svelte @@ -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);