Fix: Turn page forward in manga mode (Only on non-arrow keys)

Author: ollm

CHANGELOG.md

@@ -18,7 +18,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Option to disable `Align with next horizontal` when reading on double page [`97d8ecd`](https://github.com/ollm/OpenComic/commit/97d8ecdde04c2a5c418440d8fbbf06496b16c8ba)
 - Option in setting to adjust gamepad sensitivity [`f309c27`](https://github.com/ollm/OpenComic/commit/f309c27195ccf91b0d20600c06f1af03deee5611)
 - Copy image to clipboard [`bb96cef`](https://github.com/ollm/OpenComic/commit/bb96cef97ee1783fc27f3600548a91bb37a96045)
-- OPDS support [`b72f32f`](https://github.com/ollm/OpenComic/commit/b72f32f2445b90f13f5e2cc45865c2c17a72af82)
+- OPDS support [`b72f32f`]actio(https://github.com/ollm/OpenComic/commit/b72f32f2445b90f13f5e2cc45865c2c17a72af82)
 - Button to enable/disable full screen from the more options menu [`5d2ac36`](https://github.com/ollm/OpenComic/commit/5d2ac367c61da97d04cd67526470fb7885c1b3bf)
 - Show package versions in About OpenComic [`888d9ba`](https://github.com/ollm/OpenComic/commit/888d9ba2e23241b1868b6a360e7bca1a0bef9586)
 - Custom mouse wheel shortcuts [`1db0fc7`](https://github.com/ollm/OpenComic/commit/1db0fc7721e33e0e423f0b57590fd65b80cd5df7)
@@ -33,6 +33,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Page jumps during zoom animation in vertical reading [`d9f94e7`](https://github.com/ollm/OpenComic/commit/d9f94e7eb5e757a28c6b92f0c3a791fc3be61282)
 - Stuttering when decode big images (From sync decode to async when possible) [`d320aad`](https://github.com/ollm/OpenComic/commit/d320aad1d95e886d531dcab5721dc44c125cf028)
 - Move zoom using cursor after turning a pages not working property [`3012715`](https://github.com/ollm/OpenComic/commit/30127150751b1de611f95069e748eab68fcd2f51)
+- Turn page forward in manga mode (Only on non-arrow keys)
 
 ## [v1.4.1](https://github.com/ollm/OpenComic/releases/tag/v1.4.1) (08-02-2025)
 

scripts/shortcuts.js

@@ -356,7 +356,13 @@ function loadShortcuts()
 						}
 						else
 						{
-							reading.goPrev();
+							const code = event.code || '';
+
+							if(_config.readingManga && !reading.readingViewIs('scroll') && !/Arrow|KeyD$|KeyA$/iu.test(code))
+								reading.goNext();
+							else
+								reading.goPrev();
+
 							return true;
 						}
 
@@ -375,7 +381,13 @@ function loadShortcuts()
 						}
 						else
 						{
-							reading.goNext();
+							const code = event.code || '';
+
+							if(_config.readingManga && !reading.readingViewIs('scroll') && !/Arrow|KeyD$|KeyA$/iu.test(code))
+								reading.goPrev();
+							else
+								reading.goNext();
+
 							return true;
 						}
 

scripts/storage.js

@@ -143,7 +143,7 @@ var storageDefault = {
 		readingHideContentLeftFullScreen: true,
 		readingHideBarHeaderFullScreen: true,
 		readingRotateHorizontalsAnticlockwise: false,
-		readingMaxMargin: 400,
+		readingMaxMargin: 800,
 		readingGlobalZoom: true,
 		readingGlobalZoomSlide: true,
 		readingMoveZoomWithMouse: false,

templates/settings.content.right.html

@@ -125,7 +125,7 @@ <h2 class="headline-small">{{language.settings.reading.main}}</h2>
 			</div>
 
 			<div class="simple-slider gamepad-item" data-gamepad-left="events.rangeMoveStep(this, -1)" data-gamepad-right="events.rangeMoveStep(this, 1)" style="margin-top: 10px;">
-				<div class="simple-slider-text">{{language.settings.reading.maxMargin}}<div><i class="material-icon slider-reset" onclick="events.resetRange(this)" data-default="400" style="right: 70px;">undo</i><span>{{config.readingMaxMargin}}</span>px</div></div>
+				<div class="simple-slider-text">{{language.settings.reading.maxMargin}}<div><i class="material-icon slider-reset" onclick="events.resetRange(this)" data-default="800" style="right: 70px;">undo</i><span>{{config.readingMaxMargin}}</span>px</div></div>
 				<div class="range">
 					<div class="range-position">
 						<span class="range-line" style="width: 100%"></span>

themes/material-design/actions.css

@@ -1423,6 +1423,7 @@
 	letter-spacing: var(--md-sys-typescale-label-large-letter-spacing);
 	display: flex;
 	position: relative;
+	white-space: nowrap;
 }
 
 .simple-button > div i