SVG reload on hover

[claudiobosticco]

SmartClient Version: v13.1p_2025-12-02/AllModules Development Only (built 2025-12-02)

Safari, Chrome, Firefox on MacOS

Hi, I noticed in the svgImg example an effect that I'm also seeing in my own application:



Basically, you can see the SVGs reloading on hover. The browser console is closed. On version 14.1 it doesn’t seem to happen, while on 15.0 it seems to happen but less frequently.

[Isomorphic]

hi Claudio,

There are historical issues with flickering of .svg files when interacting with CSS.

In your app, are you also directly loading individual .svg files? It seems likely that you're instead using a custom skin from the Skin Editor? If so, are you using it directly from the database or did you export it, and which SVGs are you seeing flicker? Ones from stockIcons.svg, or elsewhere? Also, are the flickering images in particular widgets, like Img or FormItem, or just all of them?

[claudiobosticco]

Hi, actually I noticed the problem only while using isc.Img, and only when directly loading an svg file.
It happens even with an SVG that doesn’t include any CSS, I've tried a simplified test case in the showcase:

var svgPath = "../inlineExamples/html/svg/";

isc.Img.create({
    ID: "circle",
    left:20, top:75,
    width:100, height:100,
    overflow: "hidden",
    imageType: "normal",
    src: svgPath + "circle.svg"
})

and I've removed the CSS from the svg file:

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     width="100%" height="100%" viewBox="0 0 50 50">
    <circle cx="25" cy="25" r="22" />
</svg>

[claudiobosticco]

Hi, any news about this issue?