visual glitch in 15.0

[claudiobosticco]

SmartClient Version: SNAPSHOT_v15.0d_2025-06-19/AllModules Development Only (built 2025-06-19)

Safari on iOS 16.7.11 iPhone 8

Hello, while playing with the 15.0 showcase on my phone using the ShivaDark skin, I noticed an unwanted transparency (pickList header) in this sample https://smartclient.com/smartclient-...izeIncrease=10



Also, on desktop Safari, I see flickering of svg icons in ShivaDark and ShivaBlue.

[Isomorphic]

hi Claudio - thanks for the report. We've addressed the transparent ListGrid header-background in ShivaDark for tomorrow's builds.

We aren't aware of a problem with flashing SVGs on desktop safari in particular, and it's not clear why that would happen in ShivaDark/Blue but not Shiva, since they use the same physical SVG sprite-file.

However, we have seen SVG flashing in some browsers when caching is disabled - if you have caching disabled, enable it, or if not, try disabling cache while you reload the page once, then enabling it again.

[claudiobosticco]

Hi, I tried again on a colleague's Mac, and the issue also occurs there, only with Safari. Even doing a refresh after disabling the cache doesn’t solve the problem:
https://youtu.be/BTTaqQ4gOo8

[Isomorphic]

Hi Claudio,

This problem would be expected if you disable the cache. The problem is that each time you roll over the icon, stockIcons.svg is fetched, because you have disabled caching.

If you simply leave caching in it's normal setting, this will not happen - as it does not happen for normal users (it's only developers that disable caching).

[Blama]

claudiobosticco Isomorphic: It seems that in this case the answer is literally "Have you tried turning it off (and refreshing) and on again" ;)

[claudiobosticco]

Hi, please note in the video that initially (from 0" to 9") the cache is not disabled. Then I disable it and do a refresh. At 43", I re-enable the cache, but the SVGs keep flashing.
Actually, I see the same behavior even with the console closed.

When using Shiva, I see flashing SVGs only when the cache is disabled, they stop flashing once I re-enable it.

[Isomorphic]

You are seeing fetches for stockIcon.svg in your browser tools. That is the reason for the flashing.

If you do not see fetches for stockIcon.svg in your browser tools, then that indicates the file is cached (as is normal) and then there will be no flashing.

There may be difficulties with enabling or disabling caching. Perhaps it does not immediately affect the current session and there are still fetches.

But if you see a fetch for stockIcons.svg, then that will cause flashing, and is not a normal fetch for a normal user with a correctly configured web server.

Make sense?

[claudiobosticco]

Hi, yes it makes sense, it's exactly what I see with Shiva. I don't want to waste your time, but I can't understand why with ShivaDark (I access it using this URL: https://smartclient.com/smartclient-...izeIncrease=10) I see flashing (even with Safari’s console not open).
I also see the issue on Safari iOS, tested on two different physical devices.

[Isomorphic]

With Shiva Dark, which icon flickers for you?

When you see the flicker, do you see requests for stockIcons.svg?

If so, if you look at the HTTP headers for that file, what do you see?

You should see standard headers advertising that the file can be cached for quite a while.

Your browser is behaving as though it's getting headers that say "never ever cache this file" (e.g. Cache-Control: no-cache, or even no-store must-revalidate).

[claudiobosticco]

With Shiva Dark, which icon flickers for you?

Every SVG in stockIcons.svg, like #expand_more, for instance.

When you see the flicker, do you see requests for stockIcons.svg?

Yes, I do.

If so, if you look at the HTTP headers for that file, what do you see?

You should see standard headers advertising that the file can be cached for quite a while.

Your browser is behaving as though it's getting headers that say "never ever cache this file" (e.g. Cache-Control: no-cache, or even no-store must-revalidate).

with ShivaDark and ShivaBlue, I see:

HTTP/1.1 200
Connection: Keep-Alive
Content-Encoding: gzip
Content-Length: 35908
Content-Type: image/svg+xml
Date: Wed, 25 Jun 2025 18:35:56 GMT
Keep-Alive: timeout=15, max=92
Server: Apache

Whereas with the default Shiva skin, I get:

Cache-Control: public, max-age=86400
Connection: Keep-Alive
Content-Encoding: gzip
Content-Length: 35908
Content-Type: image/svg+xml
Date: Wed, 25 Jun 2025 18:32:49 GMT
Expires: Thu, 26 Jun 2025 18:32:49 GMT
Keep-Alive: timeout=15, max=90
Last-Modified: Wed, 25 Jun 2025 08:50:20 GMT
Server: Apache

You're right - I see this difference in the response headers in other browsers as well (but no flickering). Sorry I didn't catch it earlier.