Я создал веб-приложение с response, которое содержит дерево узлов. Каждый узел в этом дереве имеет значок в зависимости от типа узла. Когда Firefox отображает это дерево, некоторые значки не будут отображаться (даже если они имеют тот же источник, что и другие значки / узлы в дереве). Иногда изображения отображаются правильно, иногда они отображаются слишком маленькими (с & height определяется через css). Только "жесткое" обновление страницы или открытие инструментов разработчика в сочетании с выбором элемента приводит к появлению изображений.
Я пробовал все варианты создания элементов img:
First with SVG:
<img class="element-icon" src="images/myIcon.svg">
<img class="element-icon" src="data:image/svg+xml;base64,....">
Then with PNG:
<img class="element-icon" src="images/myIcon.png">
<img class="element-icon" src="data:image/png;base64,....">
оба типа изображений дают одинаковый результат.
Результат в основном случайный: ....
- nodeType1 - изображение отображается
- nodeType1 - изображение отображается, но слишком маленькое
- nodeType1 - изображение НЕ отображается вообще
снимок экрана до и после ....
Я пробовал очистить кеш, перезапустить firefox, отключить аппаратное ускорение и так далее. Я тестировал его на
- MacOS X 10.14 / Firefox 78
- Windows 8 / Firefox 78 Standard и ESR
- Windows 10 / / Firefox Стандарт 78 и ESR
Проблема возникает также на клиенте, на котором поставляется программное обеспечение.
Рендеринг изображения в Chrome / Safari и Edge работает хорошо.
Кто-нибудь сталкивался с этой проблемой и, возможно, найдет решение?
Ура
Себастьян