SVG-Symbole werden in Google Chrome zeitweise nicht gerendert ⇐ CSS

[Anonymous]

Ich habe eine ältere Anwendung, die JQuery- und SVG-Symbole seit über 10 Jahren ohne Probleme verwendet. Kürzlich haben einige Benutzer berichtet, dass die SVG-Symbole zeitweise nicht für sie gerendert werden, wenn sie Chrome und nur Chrome verwenden.
Die Symbole werden aus einer statischen Datei auf dem lokalen Server unter /assets/images/icons.svg bereitgestellt.
Hier ist ein Beispiel dafür, wie ich ein Symbol in meine Smarty-Vorlage lade:

Code: Select all

Wenn ich mir das Netzwerkprotokoll anschaue, wird die Datei angefordert und mit dem Status 200 zurückgegeben, aber wenn ich mir die Antwort ansehe, ist die Datei leer.
Ich habe bereits versucht, das Vorladen dieser Datei mit
zu erzwingen

Code: Select all

[*]

Im Header, aber das funktioniert nicht zuverlässig. Tatsächlich erhalte ich die Warnung:

Die Ressource
https://elistagingtest.galaxydigital.co ... /icons.svg wurde
über den Link-Preload vorgeladen, aber nicht innerhalb weniger Sekunden nach
dem Ladeereignis des Fensters verwendet. Bitte stellen Sie sicher, dass es einen geeigneten Wert als
hat und absichtlich vorgeladen ist.

Hier ist, wie sie in meinem Menü als SVG-Sprite gerendert werden sollen


Die Symboldatei finden Sie hier.
Was fehlt mir hier? Wir freuen uns über jede Hilfe!

Code: Select all

body.manager #app-sidebar .nav-item svg.icon
Specificity: (1,3,2)
{
fill: rgb(202, 206, 217);
}

Code: Select all

 
[url=/manager/]
Dashboard


Dashboard

[/url]