From 9e64998d688306568877251e16811fdb628f2708 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Thu, 5 Nov 2026 10:18:06 +0100
Subject: [PATCH] refactor(ui): drop deprecated -webkit-overflow-scrolling
 declarations

Remove the obsolete -webkit-overflow-scrolling: touch rule from the
table and log scroll containers in app.css, and the matching inline
styles from the scrollable bodies of modals, dialogs, the global
search create modals, the domain settings, subscription and upgrade
views. Modern iOS Safari scrolls with momentum by default, so these
declarations no longer did anything.
---
 resources/css/app.css                             |  4 ----
 .../views/components/modal-confirmation.blade.php |  3 +--
 resources/views/components/modal-input.blade.php  |  3 +--
 .../views/components/process-dialog.blade.php     |  3 +--
 resources/views/livewire/global-search.blade.php  | 15 +++++----------
 .../project/application/domains.blade.php         |  3 +--
 .../livewire/project/service/domains.blade.php    |  3 +--
 .../views/livewire/subscription/actions.blade.php |  3 +--
 resources/views/livewire/upgrade.blade.php        |  3 +--
 9 files changed, 12 insertions(+), 28 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index 7afcd691d4..53a72aeb49 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -3049,7 +3049,6 @@ input[type="search"]::-webkit-search-results-decoration {
     max-width: 100%;
     overflow-x: auto;
     overscroll-behavior-x: contain;
-    -webkit-overflow-scrolling: touch;
 }
 
 .data-table-header {
@@ -3220,7 +3219,6 @@ input[type="search"]::-webkit-search-results-decoration {
 .environment-table-scroll {
     overflow-x: auto;
     overscroll-behavior-x: contain;
-    -webkit-overflow-scrolling: touch;
 }
 
 .environment-table-scroll .env-table-grid {
@@ -3701,7 +3699,6 @@ input[type="search"]::-webkit-search-results-decoration {
 .deployment-table-scroll {
     overflow-x: auto;
     overscroll-behavior-x: contain;
-    -webkit-overflow-scrolling: touch;
 }
 
 .deployment-table-grid {
@@ -4274,7 +4271,6 @@ html[data-theme="custom"] .logs-viewer-timestamp {
     overflow-x: auto;
     overscroll-behavior-x: contain;
     scrollbar-width: none;
-    -webkit-overflow-scrolling: touch;
 }
 
 .logs-viewer-actions::-webkit-scrollbar {
diff --git a/resources/views/components/modal-confirmation.blade.php b/resources/views/components/modal-confirmation.blade.php
index 454bd972cb..de6a3e7d4c 100644
--- a/resources/views/components/modal-confirmation.blade.php
+++ b/resources/views/components/modal-confirmation.blade.php
@@ -239,8 +239,7 @@
                         <x-reicon name="x" class="size-4" />
                     </button>
                 </header>
-                <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
-                    style="-webkit-overflow-scrolling: touch;">
+                <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
                     @if (!empty($checkboxes))
                         <!-- Step 1: Select actions -->
                         <div x-show="step === 1">
diff --git a/resources/views/components/modal-input.blade.php b/resources/views/components/modal-input.blade.php
index b026094ca2..3a5efda99e 100644
--- a/resources/views/components/modal-input.blade.php
+++ b/resources/views/components/modal-input.blade.php
@@ -80,8 +80,7 @@
                     <div @class([
                         'application-settings-section-body min-h-0 flex-1 overflow-y-auto',
                         'mt-2 sm:mt-0' => isset($headerActions),
-                    ])
-                        style="-webkit-overflow-scrolling: touch;">
+                    ])>
                         {{ $slot }}
                     </div>
                     @isset($footer)
diff --git a/resources/views/components/process-dialog.blade.php b/resources/views/components/process-dialog.blade.php
index 7a12d57659..553622e9c1 100644
--- a/resources/views/components/process-dialog.blade.php
+++ b/resources/views/components/process-dialog.blade.php
@@ -85,8 +85,7 @@
                             </button>
                         </header>
 
-                        <div class="application-settings-section-body process-dialog-body flex min-h-0 flex-1 flex-col overflow-hidden p-3 sm:p-4"
-                            style="-webkit-overflow-scrolling: touch;">
+                        <div class="application-settings-section-body process-dialog-body flex min-h-0 flex-1 flex-col overflow-hidden p-3 sm:p-4">
                             {{ $content }}
                         </div>
                     </div>
diff --git a/resources/views/livewire/global-search.blade.php b/resources/views/livewire/global-search.blade.php
index 7fd3a520df..89ed577f63 100644
--- a/resources/views/livewire/global-search.blade.php
+++ b/resources/views/livewire/global-search.blade.php
@@ -852,8 +852,7 @@
                                 <x-reicon name="x" class="size-4" />
                             </button>
                         </header>
-                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
-                            style="-webkit-overflow-scrolling: touch;">
+                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
                             <livewire:project.add-empty key="create-modal-project" />
                         </div>
                     </div>
@@ -895,8 +894,7 @@
                                 <x-reicon name="x" class="size-4" />
                             </button>
                         </header>
-                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
-                            style="-webkit-overflow-scrolling: touch;">
+                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
                             <livewire:team.create key="create-modal-team" />
                         </div>
                     </div>
@@ -938,8 +936,7 @@
                                 <x-reicon name="x" class="size-4" />
                             </button>
                         </header>
-                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
-                            style="-webkit-overflow-scrolling: touch;">
+                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
                             <livewire:storage.create key="create-modal-storage" />
                         </div>
                     </div>
@@ -981,8 +978,7 @@
                                 <x-reicon name="x" class="size-4" />
                             </button>
                         </header>
-                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
-                            style="-webkit-overflow-scrolling: touch;">
+                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
                             <livewire:security.private-key.create key="create-modal-private-key" />
                         </div>
                     </div>
@@ -1024,8 +1020,7 @@
                                 <x-reicon name="x" class="size-4" />
                             </button>
                         </header>
-                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
-                            style="-webkit-overflow-scrolling: touch;">
+                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
                             <livewire:source.github.create key="create-modal-source" />
                         </div>
                     </div>
diff --git a/resources/views/livewire/project/application/domains.blade.php b/resources/views/livewire/project/application/domains.blade.php
index 63e8f80bc6..1b36e2d8b9 100644
--- a/resources/views/livewire/project/application/domains.blade.php
+++ b/resources/views/livewire/project/application/domains.blade.php
@@ -310,8 +310,7 @@
                         <div class="application-settings-section-body relative flex min-h-0 flex-1 flex-col overflow-hidden">
                             <form wire:submit="updateDomain" class="flex min-h-0 flex-1 flex-col">
                                 <div data-testid="domain-settings-scroll"
-                                    class="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto overscroll-contain pb-4"
-                                    style="-webkit-overflow-scrolling: touch;">
+                                    class="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto overscroll-contain pb-4">
                                 <div x-show="editingServiceLabel" x-cloak class="w-full">
                                     <div class="mb-1.5 flex h-4 w-full items-center gap-1.5">
                                         <label class="mb-0! flex items-center gap-1 text-sm font-medium leading-4">Service</label>
diff --git a/resources/views/livewire/project/service/domains.blade.php b/resources/views/livewire/project/service/domains.blade.php
index 4576b17345..c2170ae160 100644
--- a/resources/views/livewire/project/service/domains.blade.php
+++ b/resources/views/livewire/project/service/domains.blade.php
@@ -244,8 +244,7 @@
                                 <x-reicon name="x" class="size-4" />
                             </button>
                         </header>
-                        <div class="application-settings-section-body relative min-h-0 flex-1 overflow-y-auto"
-                            style="-webkit-overflow-scrolling: touch;">
+                        <div class="application-settings-section-body relative min-h-0 flex-1 overflow-y-auto">
                             <form wire:submit="updateDomain" class="flex flex-col gap-4">
                                 <div x-show="editingServiceLabel" x-cloak class="w-full">
                                     <div class="mb-1.5 flex h-4 w-full items-center gap-1.5">
diff --git a/resources/views/livewire/subscription/actions.blade.php b/resources/views/livewire/subscription/actions.blade.php
index 1b0c391963..21321a4d59 100644
--- a/resources/views/livewire/subscription/actions.blade.php
+++ b/resources/views/livewire/subscription/actions.blade.php
@@ -112,8 +112,7 @@
                                     <x-reicon name="x" class="size-3.5" />
                                 </button>
                             </div>
-                            <div class="application-settings-section-body relative w-auto space-y-4 overflow-y-auto p-4"
-                                style="-webkit-overflow-scrolling: touch;">
+                            <div class="application-settings-section-body relative w-auto space-y-4 overflow-y-auto p-4">
                                 {{-- Server count input --}}
                                 <div>
                                     <label class="mb-1.5 block">Paid servers</label>
diff --git a/resources/views/livewire/upgrade.blade.php b/resources/views/livewire/upgrade.blade.php
index f8fd7f513c..183b5ae846 100644
--- a/resources/views/livewire/upgrade.blade.php
+++ b/resources/views/livewire/upgrade.blade.php
@@ -63,8 +63,7 @@
                             </button>
                         </header>
 
-                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
-                            style="-webkit-overflow-scrolling: touch;">
+                        <div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
                             {{-- Progress View --}}
                             <template x-if="showProgress">
                                 <div class="flex flex-col gap-4">