Fix: Page jumps during zoom animation in vertical reading

Author: ollm

CHANGELOG.md

@@ -30,6 +30,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Gamepad menus do not work correctly [`b997d6b`](https://github.com/ollm/OpenComic/commit/b997d6bb6e05c597306169cb4fbbe035a4ab12d1)
 - Sharp crashes on Arch Linux and other distributions [`d60620a`](https://github.com/ollm/OpenComic/commit/d60620a2d3a446fef51cd86eff2dc80b22ccf6ba)
 - Add cMap support for PDF.js [`3da7b8e`](https://github.com/ollm/OpenComic/commit/3da7b8ec651964209d1df04248dad2bb8ab693bd)
+- Page jumps during zoom animation in vertical reading
 
 ## [v1.4.1](https://github.com/ollm/OpenComic/releases/tag/v1.4.1) (08-02-2025)
 

TRANSLATE.md

@@ -74,7 +74,7 @@ OpenComic has translations into 18 languages.
 
 [es.json](https://github.com/ollm/OpenComic/blob/master/languages/es.json)
 
-`99.8% | Remain 1 | Translated 475`
+`100% | Remain 0 | Translated 476`
 
 <a href="https://github.com/ollm/OpenComic/blob/master/languages/es.json"><img src="https://raw.githubusercontent.com/ollm/OpenComic/master/images/translated/es.svg" /></a>
 

images/translated.svg

@@ -2101,6 +2101,7 @@ function applyScale(animation = true, scale = 1, center = false, zoomOut = false
 				});
 
 				content.scrollTop = scrollTop + (translateY - scalePrevData.tranY);
+				applyDiffScrolls((translateY - scalePrevData.tranY));
 
 				scalePrevData.tranY = translateY;
 
@@ -2247,6 +2248,22 @@ function applyScale(animation = true, scale = 1, center = false, zoomOut = false
 	}
 }
 
+function applyDiffScrolls(diff = 0)
+{
+	if(gamepadScroll)
+		gamepadScroll.scrollTop = gamepadScroll.scrollTop + diff;
+
+	if(readingDragScroll)
+	{
+		readingDragScroll.content.stop(true);
+		readingDragScroll.scrollTop = readingDragScroll.scrollTop + diff;
+	}
+	else
+	{
+		template.contentRight().children().stop(true);
+	}
+}
+
 function zoomScrollHeight()
 {
 	if(scalePrevData.scale != 1 && config.readingGlobalZoom && readingViewIs('scroll'))

images/translated/es.svg

@@ -1070,7 +1070,7 @@ async function register(section = 'reading', force = false)
 
 		const callback = function(event) {
 
-			if(inputIsFocused() || !reading.isLoaded())
+			if(inputIsFocused() || (section === 'reading' && !reading.isLoaded()))
 				return false;
 
 			return action.function(event);