Add option to disable scrolling to edit

public/_locales/en/messages.json

@@ -1249,5 +1249,8 @@
     },
     "segmentFetchFailureWarning": {
         "message": "Warning: The server hasn't responded with segments yet. There might actually be segments on this video already submitted but you just haven't recieved them due to issues with the server."
+    },
+    "allowScrollingToEdit": {
+        "message": "Allow Scrolling To Edit Times"
     }
 }

public/options/options.html

@@ -278,6 +278,18 @@
 					</div>
 				</div>
 
+				<div data-type="toggle" data-sync="allowScrollingToEdit">
+					<div class="switch-container">
+						<label class="switch">
+							<input id="allowScrollingToEdit" type="checkbox" checked>
+							<span class="slider round"></span>
+						</label>
+						<label class="switch-label" for="allowScrollingToEdit">
+							__MSG_allowScrollingToEdit__
+						</label>
+					</div>
+				</div>
+	
 				<div data-type="toggle" data-sync="audioNotificationOnSkip">
 					<div class="switch-container">
 						<label class="switch">

src/components/SponsorTimeEditComponent.tsx

@@ -320,6 +320,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
     }
 
     changeTimesWhenScrolling(index: number, e: React.WheelEvent, sponsorTime: SponsorTime): void {
+        if (!Config.config.allowScrollingToEdit) return;
         let step = 0;
         // shift + ctrl = 1
         // ctrl = 0.1

src/config.ts

@@ -69,6 +69,7 @@ interface SBConfig {
     showSegmentNameInChapterBar: boolean;
     useVirtualTime: boolean;
     showSegmentFailedToFetchWarning: boolean;
+    allowScrollingToEdit: boolean;
 
     // Used to cache calculated text color info
     categoryPillColors: {
@@ -204,6 +205,7 @@ const Config: SBObject = {
         showSegmentNameInChapterBar: true,
         useVirtualTime: true,
         showSegmentFailedToFetchWarning: true,
+        allowScrollingToEdit: true,
 
         categoryPillColors: {},