From 6babcf953630be5cff0ee600e9c19b8ef5de8c61 Mon Sep 17 00:00:00 2001
From: Leigh Pointer <leigh-pointer@users.noreply.github.com>
Date: Sat, 2 Mar 2024 11:35:26 +0100
Subject: [PATCH 1/2]  Improved Search Input Text Field Autocomplete Behavior
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This pull request enhances the behavior of the search input text field by disabling the browser’s autocomplete feature.
---
 Oqtane.Client/Modules/Controls/Pager.razor | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/Oqtane.Client/Modules/Controls/Pager.razor b/Oqtane.Client/Modules/Controls/Pager.razor
index 79642eaaa..94cf7dee8 100644
--- a/Oqtane.Client/Modules/Controls/Pager.razor
+++ b/Oqtane.Client/Modules/Controls/Pager.razor
@@ -8,11 +8,13 @@
 {
     @if (!string.IsNullOrEmpty(SearchProperties))
     {
-        <div class="input-group my-3">
-            <input id="search" class="form-control" placeholder=@string.Format(Localizer["SearchPlaceholder"], FormatSearchProperties()) @bind="@_search" />
-            <button type="button" class="btn btn-primary" @onclick="Search">@SharedLocalizer["Search"]</button>
-            <button type="button" class="btn btn-secondary" @onclick="Reset">@SharedLocalizer["Reset"]</button>
-        </div>
+        @* <form autocomplete="off"> *@
+            <div class="input-group my-3">
+                <input type="text" autocomplete="off" id="search" class="form-control" placeholder=@string.Format(Localizer["SearchPlaceholder"], FormatSearchProperties()) @bind="@_search" />
+                <button type="button" class="btn btn-primary" @onclick="Search">@SharedLocalizer["Search"]</button>
+                <button type="button" class="btn btn-secondary" @onclick="Reset">@SharedLocalizer["Reset"]</button>
+            </div>
+        @* </form> *@
     }
 
     @if ((Toolbar == "Top" || Toolbar == "Both") && _pages > 0 && Items.Count() > _maxItems)

From a8aac7e1b4c9aee74ff86ee0f27864434d32d621 Mon Sep 17 00:00:00 2001
From: Leigh Pointer <leigh-pointer@users.noreply.github.com>
Date: Sat, 2 Mar 2024 17:28:33 +0100
Subject: [PATCH 2/2] Update Pager.razor

Changing the ID had no effect and on further investigation the best way to achieve this is to use the form tag which is a lot stronger implementation.
---
 Oqtane.Client/Modules/Controls/Pager.razor | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Oqtane.Client/Modules/Controls/Pager.razor b/Oqtane.Client/Modules/Controls/Pager.razor
index 94cf7dee8..f41fa239b 100644
--- a/Oqtane.Client/Modules/Controls/Pager.razor
+++ b/Oqtane.Client/Modules/Controls/Pager.razor
@@ -8,13 +8,13 @@
 {
     @if (!string.IsNullOrEmpty(SearchProperties))
     {
-        @* <form autocomplete="off"> *@
+        <form autocomplete="off">
             <div class="input-group my-3">
-                <input type="text" autocomplete="off" id="search" class="form-control" placeholder=@string.Format(Localizer["SearchPlaceholder"], FormatSearchProperties()) @bind="@_search" />
+            <input type="text" id="pagersearch" class="form-control" placeholder=@string.Format(Localizer["SearchPlaceholder"], FormatSearchProperties()) @bind="@_search" />
                 <button type="button" class="btn btn-primary" @onclick="Search">@SharedLocalizer["Search"]</button>
                 <button type="button" class="btn btn-secondary" @onclick="Reset">@SharedLocalizer["Reset"]</button>
             </div>
-        @* </form> *@
+        </form>
     }
 
     @if ((Toolbar == "Top" || Toolbar == "Both") && _pages > 0 && Items.Count() > _maxItems)