Home Assistant: Eine eigene Power-Flow-Karte aus SVG statt power-flow-card-plus

Erst sah die Karte kaputt aus, dann log sie: eigene SVG-Power-Flow-Karte in Home Assistant, gebaut aus custom:button-card und einem JS-Template. Uhr-synchron gestartete Bubbles, proportionale Ringe für Solar und Home; dazu, warum Gerätesensoren unzuverlässig sind und nur die Zähler zählen.

02.10.2026 · 9 Minuten · 1906 Wörter · root_cause

JavaScript Smooth-Scroll: Die offsetTop-Falle bei verschachtelten Elementen

Du baust einen eigenen Smooth-Scroll-Handler und er funktioniert perfekt – bis er es nicht tut. Anker-Links auf tief verschachtelte Elemente scrollen nach ganz oben statt zum Ziel. Die Ursache: offsetTop lügt dich an.

19.02.2026 · 4 Minuten · 844 Wörter · root_cause

data-i18n und textContent: Warum deine Spans spurlos verschwinden

Du baust eine hübsche Wortmarke mit verschiedenen Spans, aber nach dem Laden der Seite sind die Spans weg. Schuld ist ein einziger Zeile in deiner i18n-Library: element.textContent = translation. Hier ist warum – und wie du es löst.

17.02.2026 · 3 Minuten · 628 Wörter · root_cause