From 744b649b946b58008afaf5b1fd24601271e20185 Mon Sep 17 00:00:00 2001
From: Michael Geers <michael@geers.tv>
Date: Tue, 7 Jul 2026 21:11:36 +0200
Subject: [PATCH] Energy Flow UI: Chrome (Skia Graphite) rendering bug
 workaround (#31571)

---
 assets/js/components/Energyflow/LabelBar.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/assets/js/components/Energyflow/LabelBar.vue b/assets/js/components/Energyflow/LabelBar.vue
index 227cfdb14..c3fc700b0 100644
--- a/assets/js/components/Energyflow/LabelBar.vue
+++ b/assets/js/components/Energyflow/LabelBar.vue
@@ -42,6 +42,8 @@ export default defineComponent({
 	padding: 10px 0;
 	opacity: 1;
 	overflow: hidden;
+	/* forces own compositor layer, works around a Chrome Skia Graphite paint-invalidation bug (#31341) */
+	will-change: transform;
 }
 .label-bar-scale--hidden {
 	opacity: 0;