Correct scroll with new overflow flag

JayPanoz · JayPanoz · commit 50841becd237 · 2025-06-20T13:01:44.000+02:00
diff --git a/css/dist/ReadiumCSS-after.css b/css/dist/ReadiumCSS-after.css
@@ -97,8 +97,11 @@ body{
   min-height:0 !important;
 }
 
-:root[style*="readium-scroll-on"]:not([style*="readium-noOverflow-on"]) body{
+:root[style*="readium-scroll-on"] body{
   max-width:var(--RS__defaultLineLength) !important;
+}
+
+:root[style*="readium-scroll-on"]:not([style*="readium-noOverflow-on"]) body{
   overflow:auto;
 }
 
diff --git a/css/dist/cjk-horizontal/ReadiumCSS-after.css b/css/dist/cjk-horizontal/ReadiumCSS-after.css
@@ -97,8 +97,11 @@ body{
   min-height:0 !important;
 }
 
-:root[style*="readium-scroll-on"]:not([style*="readium-noOverflow-on"]) body{
+:root[style*="readium-scroll-on"] body{
   max-width:var(--RS__defaultLineLength) !important;
+}
+
+:root[style*="readium-scroll-on"]:not([style*="readium-noOverflow-on"]) body{
   overflow:auto;
 }
 
diff --git a/css/dist/rtl/ReadiumCSS-after.css b/css/dist/rtl/ReadiumCSS-after.css
@@ -97,8 +97,11 @@ body{
   min-height:0 !important;
 }
 
-:root[style*="readium-scroll-on"]:not([style*="readium-noOverflow-on"]) body{
+:root[style*="readium-scroll-on"] body{
   max-width:var(--RS__defaultLineLength) !important;
+}
+
+:root[style*="readium-scroll-on"]:not([style*="readium-noOverflow-on"]) body{
   overflow:auto;
 }
 
diff --git a/css/src/modules/ReadiumCSS-scroll.css b/css/src/modules/ReadiumCSS-scroll.css
@@ -22,9 +22,12 @@
 }
 
 /* Make sure line-length is limited in all configs */
+:root:--scroll-view body {
+  max-width: var(--RS__defaultLineLength) !important;
+}
+
 :root:--scroll-view:not(:--no-overflow) body {
   overflow: auto;
-  max-width: var(--RS__defaultLineLength) !important;
 }
 
 @supports (overflow: clip) {

Original file line number	Diff line number	Diff line change
`@@ -97,8 +97,11 @@ body{`
`97`	`97`	`min-height:0 !important;`
`98`	`98`	`}`
`99`	`99`
`100`		`-:root[style="readium-scroll-on"]:not([style="readium-noOverflow-on"]) body{`
	`100`	`+:root[style*="readium-scroll-on"] body{`
`101`	`101`	`max-width:var(--RS__defaultLineLength) !important;`
	`102`	`+}`
	`103`	`+`
	`104`	`+:root[style="readium-scroll-on"]:not([style="readium-noOverflow-on"]) body{`
`102`	`105`	`overflow:auto;`
`103`	`106`	`}`
`104`	`107`
Original file line number	Diff line number	Diff line change
`@@ -22,9 +22,12 @@`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`/* Make sure line-length is limited in all configs */`
	`25`	`+:root:--scroll-view body {`
	`26`	`+ max-width: var(--RS__defaultLineLength) !important;`
	`27`	`+}`
	`28`	`+`
`25`	`29`	`:root:--scroll-view:not(:--no-overflow) body {`
`26`	`30`	`overflow: auto;`
`27`		`- max-width: var(--RS__defaultLineLength) !important;`
`28`	`31`	`}`
`29`	`32`
`30`	`33`	`@supports (overflow: clip) {`