From 9052f5ac5b6741ccc375e5ef00efc33637eb6180 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Tue, 10 Jan 2023 10:57:30 +0300
Subject: [PATCH] Fixed #3409 JumToPageInput issue

---
 components/paginator/JumpToPageInput.vue | 18 ++++++++++++++----
 components/paginator/Paginator.vue       |  2 +-
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/components/paginator/JumpToPageInput.vue b/components/paginator/JumpToPageInput.vue
index c802d0763..c15a6acfb 100644
--- a/components/paginator/JumpToPageInput.vue
+++ b/components/paginator/JumpToPageInput.vue
@@ -1,5 +1,5 @@
 <template>
-    <JTPInput :modelValue="page" class="p-paginator-page-input" :aria-label="inputArialabel" :disabled="disabled" @update:modelValue="onChange($event)"></JTPInput>
+    <JTPInput ref="jtpInput" v-model="inputVal" class="p-paginator-page-input" :aria-label="inputArialabel" :disabled="disabled"></JTPInput>
 </template>
 
 <script>
@@ -14,11 +14,21 @@ export default {
         pageCount: Number,
         disabled: Boolean
     },
-    methods: {
-        onChange(value) {
-            this.$emit('page-change', value - 1);
+    data() {
+        return {
+            inputVal: null
+        };
+    },
+    watch: {
+        inputVal(newValue) {
+            if (this.$refs.jtpInput && !this.$refs.jtpInput.focused) return;
+
+            this.$emit('page-change', newValue - 1);
         }
     },
+    mounted() {
+        this.inputVal = this.page;
+    },
     computed: {
         inputArialabel() {
             return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.jumpToPageInputLabel : undefined;
diff --git a/components/paginator/Paginator.vue b/components/paginator/Paginator.vue
index bbaaf74d3..976e219c3 100755
--- a/components/paginator/Paginator.vue
+++ b/components/paginator/Paginator.vue
@@ -23,7 +23,7 @@
                 />
                 <RowsPerPageDropdown v-else-if="item === 'RowsPerPageDropdown' && rowsPerPageOptions" :aria-label="getAriaLabel('rowsPerPageLabel')" :rows="d_rows" :options="rowsPerPageOptions" @rows-change="onRowChange($event)" :disabled="empty" />
                 <JumpToPageDropdown v-else-if="item === 'JumpToPageDropdown'" :aria-label="getAriaLabel('jumpToPageDropdownLabel')" :page="page" :pageCount="pageCount" @page-change="changePage($event)" :disabled="empty" />
-                <JumpToPageInput v-else-if="item === 'JumpToPageInput'" :page="currentPage" @page-change="changePage($event)" :disabled="empty" />
+                <JumpToPageInput v-else-if="item === 'JumpToPageInput' && currentPage" :page="currentPage" @page-change="changePage($event)" :disabled="empty" />
             </template>
             <div v-if="$slots.end" class="p-paginator-right-content">
                 <slot name="end" :state="currentState"></slot>