css image behavior changed from v52.5 to v53

[peironem]

Hi,
i'm getting an issue while rendering some svgs in html divs.

here's the code:

  <!-- BARECODE -->
  <div class="abs cella h-15 w-58 t-42 l-40">
      <div class="abs w-100 h-70 t-0 over-none">
        {% with '/media/barcodes/'|add:serial as path %}
            <img src="{% absolutize path %}" class="abs w-100">
        {% endwith %}
      </div>
      <p class="abs w-100 all-c t-65">{{text}}</p>
  </div>

css classes are easy understending:
abs stands position: absolute
w-100 stands for width: 100%
h-70 stands for height: 70%
over-none stands for overflow:hidden
exc...

as you can see the img tag has to take the whole 100% width of the div but is not doing it.
here is the code of the svg file:

  <?xml version="1.0" encoding="UTF-8"?>
  <!DOCTYPE svg
    PUBLIC '-//W3C//DTD SVG 1.1//EN'
    'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="29.000mm" height="23.000mm">
      <!--Autogenerated with python-barcode 0.13.1-->
      <g id="barcode_group">
          <rect width="100%" height="100%" style="fill:white"/>
          <rect x="2.540mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="2.940mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="3.140mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:black;"/>
          <rect x="3.340mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:white;"/>
          <rect x="3.740mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:black;"/>
          <rect x="3.940mm" y="1.000mm" width="0.800mm" height="15.000mm" style="fill:white;"/>
          <rect x="4.740mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:black;"/>
          <rect x="4.940mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:white;"/>
          <rect x="5.340mm" y="1.000mm" width="0.600mm" height="15.000mm" style="fill:black;"/>
          <rect x="5.940mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="6.140mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="6.540mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:white;"/>
          <rect x="6.940mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="7.340mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:white;"/>
          <rect x="7.740mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:black;"/>
          <rect x="7.940mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:white;"/>
          <rect x="8.340mm" y="1.000mm" width="0.600mm" height="15.000mm" style="fill:black;"/>
          <rect x="8.940mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="9.140mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="9.540mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:white;"/>
          <rect x="9.940mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:black;"/>
          <rect x="10.140mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:white;"/>
          <rect x="10.540mm" y="1.000mm" width="0.600mm" height="15.000mm" style="fill:black;"/>
          <rect x="11.140mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="11.340mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:black;"/>
          <rect x="11.540mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="11.740mm" y="1.000mm" width="0.600mm" height="15.000mm" style="fill:black;"/>
          <rect x="12.340mm" y="1.000mm" width="0.600mm" height="15.000mm" style="fill:white;"/>
          <rect x="12.940mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="13.340mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="13.540mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:black;"/>
          <rect x="13.740mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:white;"/>
          <rect x="14.140mm" y="1.000mm" width="0.600mm" height="15.000mm" style="fill:black;"/>
          <rect x="14.740mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="14.940mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="15.340mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:white;"/>
          <rect x="15.740mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:black;"/>
          <rect x="15.940mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="16.140mm" y="1.000mm" width="0.600mm" height="15.000mm" style="fill:black;"/>
          <rect x="16.740mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="16.940mm" y="1.000mm" width="0.800mm" height="15.000mm" style="fill:black;"/>
          <rect x="17.740mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="17.940mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:black;"/>
          <rect x="18.140mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="18.340mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:black;"/>
          <rect x="18.540mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:white;"/>
          <rect x="18.940mm" y="1.000mm" width="0.800mm" height="15.000mm" style="fill:black;"/>
          <rect x="19.740mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:white;"/>
          <rect x="20.140mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="20.540mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="20.740mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="21.140mm" y="1.000mm" width="0.600mm" height="15.000mm" style="fill:white;"/>
          <rect x="21.740mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="22.140mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="22.340mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="22.740mm" y="1.000mm" width="0.600mm" height="15.000mm" style="fill:white;"/>
          <rect x="23.340mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="23.740mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="23.940mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="24.340mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="24.540mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
          <rect x="24.940mm" y="1.000mm" width="0.600mm" height="15.000mm" style="fill:white;"/>
          <rect x="25.540mm" y="1.000mm" width="0.600mm" height="15.000mm" style="fill:black;"/>
          <rect x="26.140mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="26.340mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:black;"/>
          <rect x="26.540mm" y="1.000mm" width="0.200mm" height="15.000mm" style="fill:white;"/>
          <rect x="26.740mm" y="1.000mm" width="0.400mm" height="15.000mm" style="fill:black;"/>
      </g>
  </svg>

How it looks like on 53

How it was looking like on 52.5

I'm getting this either on win10x64 with the lastest GTK installed and a brand new container debian11.
I was trying to dig a bit on this but i'm not able to get where is the point here.
I would appriciate some help.

Thanks in advance,
Matteo.

[liZe]

Thanks a lot for the bug report! It should be fixed in master and 53.x branches, feel free to test!