[Bug?]: Blank sort button

[elistys]

Checklist

• The issue exists after disabling all extensions
• The issue exists on a clean installation of webui
• The issue is caused by an extension, but I believe it is caused by a bug in the webui
• The issue exists in the current version of the webui
• The issue has not been reported before recently
• The issue has been reported before but has not been fixed yet

What happened?

After upgrading from 1.7 to 1.9.4, there are blank square buttons next to the additional network sort. I don't know what each button represents. I deleted venv before upgrading.

Is this a bug?Or is this an intentional design?

Or have it used special symbols that can't be displayed on a Mac, like the mysterious symbols on the preview enlargement screen (second attached image)?

Steps to reproduce the problem

Upgrade from 1.7.0 to 1.9.4

What should have happened?

It should be clear what each button does

What browsers do you use to access the UI ?

Google Chrome

Sysinfo

M2 mac

Console logs

There is no log.

Additional information

No response

[viking1304]

1.9.4 is outdated, but even with older versions, that should not happen. I have never seen that on any of the Macs I tested. Something is wrong there.

Use my step-by-step guide or simply run my install script which will install everything for you.

[w-e-w]

Is this a bug?Or is this an intentional design?

definitely an issue this is how it's supposed to look like (the colors will be different depending on your theme)

[w-e-w]

can you see this image?

[viking1304]

can you see this image?

All Mac browsers support SVG, so that is not the issue. I just opened that image in three different browsers: Safari, Brave and Chrome.

EDIT:
I suspect this is the issue.

[w-e-w]

I suspect #13292 is the issue.

if the CSS is not accessible then the result will be much much worse
the UI will be completely distorted and you won't even be able to see the buttons

---

currently I think it's more like the SVG images colors are messed up
like using light theme colors for SVG when it's dark theme?

[elistys]

Thank for reply.

I will report what happened after I posted.

I usually use chrome, but when I tried it with firefox and safari, it was displayed. Therefore, I thought this was not a problem with the webUI.

I tried changing the color theme of Mac, chrome, and weuUI, but it did not solve the problem.

I guess that the cause is that chrome is broken. So, I installed the latest version of chrome (version 127) and it was displayed. The chrome I was using was version 115 released in 2023.7.

※Even in version 127, the symbol on the preview enlargement screen was still mysteriously displayed.

※The image uploaded by w-e-w was displayed properly even in version 115.

※The directory where the webUI is installed does not contain a dot.

※In version 1.9.4, ADetailer does not work unless you add --no-half, so I ended up reverting to 1.7.0.

[w-e-w]

okay
maybe some strange interaction with chrome 115~ and svg embedded in data url of CSS
whatever reason as long as it's showing now I don't plan on investigating