Issue #2610436 by Gábor Hojtsy, Cottser, joelpittet, pp, xjm, alexpott: Twig templates incorrectly use % trans % with arbitrary filters

core/modules/image/templates/image-crop-summary.html.twig

@@ -18,15 +18,15 @@
  */
 #}
 {% if data.width and data.height -%}
-  {{ data.width|e }}×{{ data.height|e }}
+  {{ data.width }}×{{ data.height }}
 {%- else -%}
   {% if data.width %}
     {% trans %}
-      width {{ data.width|e }}
+      width {{ data.width }}
     {% endtrans %}
   {% elseif data.height %}
     {% trans %}
-      height {{ data.height|e }}
+      height {{ data.height }}
     {% endtrans %}
   {% endif %}
 {%- endif %}

core/modules/image/templates/image-resize-summary.html.twig

@@ -16,15 +16,15 @@
  */
 #}
 {% if data.width and data.height -%}
-  {{ data.width|e }}×{{ data.height|e }}
+  {{ data.width }}×{{ data.height }}
 {%- else -%}
   {% if data.width %}
     {% trans %}
-      width {{ data.width|e }}
+      width {{ data.width }}
     {% endtrans %}
   {% elseif data.height %}
     {% trans %}
-      height {{ data.height|e }}
+      height {{ data.height }}
     {% endtrans %}
   {% endif %}
 {%- endif %}

core/modules/image/templates/image-rotate-summary.html.twig

@@ -19,8 +19,9 @@
  */
 #}
 {% if data.random %}
+  {% set degrees = data.degrees|abs %}
   {% trans %}
-    random between -{{ data.degrees|abs }}° and {{ data.degrees|abs }}°
+    random between -{{ degrees }}° and {{ degrees }}°
   {% endtrans %}
 {% else %}
   {{ data.degrees }}°

core/modules/image/templates/image-scale-summary.html.twig

@@ -17,15 +17,15 @@
  */
 #}
 {% if data.width and data.height -%}
-  {{ data.width|e }}×{{ data.height|e }}
+  {{ data.width }}×{{ data.height }}
 {%- else -%}
   {% if data.width %}
     {% trans %}
-      width {{ data.width|e }}
+      width {{ data.width }}
     {% endtrans %}
   {% elseif data.height %}
     {% trans %}
-      height {{ data.height|e }}
+      height {{ data.height }}
     {% endtrans %}
   {% endif %}
 {%- endif %}

core/themes/stable/templates/admin/image-crop-summary.html.twig

@@ -16,15 +16,15 @@
  */
 #}
 {% if data.width and data.height -%}
-  {{ data.width|e }}×{{ data.height|e }}
+  {{ data.width }}×{{ data.height }}
 {%- else -%}
   {% if data.width %}
     {% trans %}
-      width {{ data.width|e }}
+      width {{ data.width }}
     {% endtrans %}
   {% elseif data.height %}
     {% trans %}
-      height {{ data.height|e }}
+      height {{ data.height }}
     {% endtrans %}
   {% endif %}
 {%- endif %}

core/themes/stable/templates/admin/image-resize-summary.html.twig

@@ -14,15 +14,15 @@
  */
 #}
 {% if data.width and data.height -%}
-  {{ data.width|e }}×{{ data.height|e }}
+  {{ data.width }}×{{ data.height }}
 {%- else -%}
   {% if data.width %}
     {% trans %}
-      width {{ data.width|e }}
+      width {{ data.width }}
     {% endtrans %}
   {% elseif data.height %}
     {% trans %}
-      height {{ data.height|e }}
+      height {{ data.height }}
     {% endtrans %}
   {% endif %}
 {%- endif %}

core/themes/stable/templates/admin/image-rotate-summary.html.twig

@@ -17,8 +17,9 @@
  */
 #}
 {% if data.random %}
+  {% set degrees = data.degrees|abs %}
   {% trans %}
-    random between -{{ data.degrees|abs }}° and {{ data.degrees|abs }}°
+    random between -{{ degrees }}° and {{ degrees }}°
   {% endtrans %}
 {% else %}
   {{ data.degrees }}°

core/themes/stable/templates/admin/image-scale-summary.html.twig

@@ -15,15 +15,15 @@
  */
 #}
 {% if data.width and data.height -%}
-  {{ data.width|e }}×{{ data.height|e }}
+  {{ data.width }}×{{ data.height }}
 {%- else -%}
   {% if data.width %}
     {% trans %}
-      width {{ data.width|e }}
+      width {{ data.width }}
     {% endtrans %}
   {% elseif data.height %}
     {% trans %}
-      height {{ data.height|e }}
+      height {{ data.height }}
     {% endtrans %}
   {% endif %}
 {%- endif %}