Chrome больше не обновляет расположение значков при изменении контента [закрыто] ⇐ Html

[Anonymous]

https://prnt.sc/GWqQYPCIkc-A
Скриншот значков, которые еще не отображаются на экране, но распознаются браузером в правильном месте.
Что я использую:
Я использую значки PrimeVue, которые похожи на любые другие поставщики значков, используя собственный шрифт в селекторе :before.
Я знаю, что проблема возникает при изменении содержимого, потому что значки страниц выглядят нормально над содержимым изменить.
Я уже решил проблему, явно указав браузеру позиционировать :before элемента внутри элемента span, хотя он уже там (скриншот)
Есть ли какая-то причина, по которой браузер перестал беспокоиться о позициях элементов?
У меня такое чувство, что это начало происходить после последнего обновления Chrome.
Мне было предложено вырезать реальный код.
Я смог это сделать воспроизведите ошибку с помощью этой настройки.
Я использую vue3, prime vue и primeicons для обработки пользовательского интерфейса, который вызывает изменение высоты содержимого.
минимальный код для воспроизведения, вероятно, будет таким:

I'm an element which will cause an increase in page height



I'm a paragraph which will be shifted by DIV above

I'm a button which will cause the height shift

Минимальные зависимости для этой ошибки, вероятно, следующие:
{
"node": "^25 || >=25.0.0"
"@primeuix/themes": "^1.2.3",
"@primevue/forms": "^4.3.9",
"@tailwindcss/vite": "^4.1.13",
"primeicons": "^7.0.0",
"primevue": "^4.3.9",
"vue": "^3.5.18",
"postcss": "^8.5.6",
"sass-embedded": "^1.92.1",
"tailwindcss": "^3.4.17",
"vite": "^7.0.6",
"vite-plugin-vue-devtools": "^8.0.0"
}

код, который я использовал для устранения предположительной ошибки Chrome:
.pi {
position: relative;
.pi:before {
position: relative;
}
}



Подробнее здесь: https://stackoverflow.com/questions/798 ... ge-anymore