Remove text-size-adjust

JayPanoz · JayPanoz · commit 8291ed61bfdf · 2025-04-11T13:07:14.000+02:00
That breaks the font-size zoom setting on Safari on iOS now, and won’t work any longer on iPadOS when the desktop-class interference kicks in. Actually, it seems completely broken in that case, as it disables the interference for some dom elements in some books but not others, etc.

This means we must find a way to handle this case, as well as Firefox issues.
diff --git a/css/dist/ReadiumCSS-after.css b/css/dist/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -57,8 +57,6 @@
   padding:0 !important;
   margin:0 !important;
   font-size:100% !important;
-  -webkit-text-size-adjust:none;
-  text-size-adjust:none;
   box-sizing:border-box;
   -webkit-touch-callout:none;
 }
diff --git a/css/dist/ReadiumCSS-before.css b/css/dist/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/ReadiumCSS-default.css b/css/dist/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/cjk-horizontal/ReadiumCSS-after.css b/css/dist/cjk-horizontal/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -57,8 +57,6 @@
   padding:0 !important;
   margin:0 !important;
   font-size:100% !important;
-  -webkit-text-size-adjust:none;
-  text-size-adjust:none;
   box-sizing:border-box;
   -webkit-touch-callout:none;
 }
diff --git a/css/dist/cjk-horizontal/ReadiumCSS-before.css b/css/dist/cjk-horizontal/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/cjk-horizontal/ReadiumCSS-default.css b/css/dist/cjk-horizontal/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/cjk-vertical/ReadiumCSS-after.css b/css/dist/cjk-vertical/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -57,8 +57,6 @@
   padding:0 !important;
   margin:0 !important;
   font-size:100% !important;
-  -webkit-text-size-adjust:none;
-  text-size-adjust:none;
   box-sizing:border-box;
 
   hanging-punctuation:last allow-end;
diff --git a/css/dist/cjk-vertical/ReadiumCSS-before.css b/css/dist/cjk-vertical/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/cjk-vertical/ReadiumCSS-default.css b/css/dist/cjk-vertical/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/rtl/ReadiumCSS-after.css b/css/dist/rtl/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -57,8 +57,6 @@
   padding:0 !important;
   margin:0 !important;
   font-size:100% !important;
-  -webkit-text-size-adjust:none;
-  text-size-adjust:none;
   box-sizing:border-box;
   -webkit-touch-callout:none;
 }
diff --git a/css/dist/rtl/ReadiumCSS-before.css b/css/dist/rtl/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/rtl/ReadiumCSS-default.css b/css/dist/rtl/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.7)
+ * Readium CSS (v. 2.0.0-beta.8)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/src/modules/ReadiumCSS-pagination-vertical.css b/css/src/modules/ReadiumCSS-pagination-vertical.css
@@ -61,12 +61,6 @@
   -moz-column-fill: auto;
   column-fill: auto;
 
-  /* This is needed so that zoom (used in the new implementation of font-size) 
-     can work as expect on iPadOS. Indeed, it disables the desktop-class interference 
-     that is explained here: https://stackoverflow.com/questions/59000766/css-zoom-does-not-work-ipad-os-v13-latest-safari/64998974#64998974 */
-  -webkit-text-size-adjust: none;
-  text-size-adjust: none;
-
   /* The reason why we don’t force -webkit-column-axis is that it switches the column-box model to a paged overflow model.
      In other words, columns become useless, the sizing of the :root itself will be used for pagination */
 
diff --git a/css/src/modules/ReadiumCSS-pagination.css b/css/src/modules/ReadiumCSS-pagination.css
@@ -63,12 +63,6 @@
   /* Default is balance and we want columns to be filled entirely (100vh) */
   -moz-column-fill: auto;
   column-fill: auto;
-
-  /* This is needed so that zoom (used in the new implementation of font-size) 
-     can work as expect on iPadOS. Indeed, it disables the desktop-class interference 
-     that is explained here: https://stackoverflow.com/questions/59000766/css-zoom-does-not-work-ipad-os-v13-latest-safari/64998974#64998974 */
-  -webkit-text-size-adjust: none;
-  text-size-adjust: none;
 }
 
 body {
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@readium/css",
   "description": "A set of reference stylesheets for EPUB Reading Systems",
-  "version": "2.0.0-beta.7",
+  "version": "2.0.0-beta.8",
   "homepage": "https://github.com/readium/readium-css",
   "license": "BSD-3-Clause",
   "keywords": [
