In more than one tenant, I have SVG shapes suddenly displaying very strangely, not respecting the width and height elements. Previously, these shapes would re-size when I resized the image size. Now, the size is not changing. Is anyone else experiencing this? In the image below, the yellow rectange is svg and should be as wide as the image box itself.
"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'> width='"&Self.Width&"' height='"&Self.Height&"' viewBox='0 0 "&Self.Width&" "&Self.Height&"'> <defs> <filter id='Rectangle_32' x='0' y='0' width='"&Self.Width&"' height='"&Self.Height&"' filterUnits='userSpaceOnUse'> <feOffset dx='0' dy='3' input='SourceAlpha'/> <feGaussianBlur stdDeviation='3' result='blur'/> <feFlood flood-opacity='0.161'/> <feComposite operator='in' in2='blur'/> <feComposite in='SourceGraphic'/> </filter> </defs> <g transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(#Rectangle_32)'> <rect id='Rectangle_32-2' data-name='Rectangle 32' width='"&Self.Width -30&"' height='"&Self.Height-10&"' rx='4' transform='translate(12 4)' fill='#FBE5C0'/> </g> </svg>")
These are established apps which I haven't been working on recently.
I'm guessing a little here but two things, Should
be followed by
Also you have width and height once before viewBox='0 0 and once after.
I faced a similar issue when I tried updating my PowerApps recently. SVGs not picking up the correct height and width.
In my case when I mention width and height in % (like 100%) then it is not working. It used to work with that earlier.