fix(panel): blank panel on HA 2026.8 — panel host collapsed to 0 height - #15
Merged
Conversation
…apsed 100% chain
The panel host used `:host { height: 100% }`, which inherits height from the
ha-drawer → partial-panel-resolver → ha-panel-custom chain. On HA 2026.8 that
chain resolves to height 0 (partial-panel-resolver computes as display:inline
with no height), so ha-panel-custom and the panel host both collapsed to 0px.
The content still rendered (chart, controls, data) but at 0 height, so the
panel showed blank after the loading shell.
Fix both the main panel and the loading-shell :host to fill the viewport
(height: 100vh, then 100dvh where supported) instead of depending on the
ancestor chain. Viewport height equals the old 100% on cores that did size the
chain, so this stays backward-compatible with older HA.
Verified live via Chrome DevTools: forcing the panel host to viewport height
made the full panel (chart with data, date-range controls, search) render.
Rebuilds the bundle and bumps to 0.6.3.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Symptom
After 0.6.2 (which fixed the preload crash), the panel still showed blank on HA 2026.8 — the "Loading Datapoints…" shell appeared, then nothing. No console errors.
Diagnosis (via Chrome DevTools on the live panel)
The content actually rendered — console showed
_renderContent: full render complete,history-card load triggered,series initial draw. But measuring the DOM:ha-drawerpartial-panel-resolverdisplay: inline)ha-panel-customheight: 100%of a 0 parent)hass-datapoints-history-panel(:host)height: 100%of a 0 parent)The panel's
:host { height: 100% }inherits height through theha-drawer → partial-panel-resolver → ha-panel-customchain. On HA 2026.8 that chain resolves to 0 (the router wrapper no longer imposes a height on custom panels), so the whole panel collapsed to 0px and showed blank. Built-in panels self-size and are unaffected.Proof: forcing the panel host to viewport height in the live page rendered the full panel (chart with Sauna Temperature data, date-range controls, zoom, search).
Fix
Both the main panel and the loading-shell
:hostnow fill the viewport (height: 100vh, then100dvhwhere supported) instead of depending on the collapsed ancestor chain. Viewport height equals the old100%on cores that did size the chain, so it's backward-compatible with older HA.Verification
pnpm lint(eslint + package-json + prettier + tsc) ✅pnpm buildrebuilt + committed (banner → v0.6.3).Bumps to 0.6.3.
🤖 Generated with Claude Code