Skip to content

Ingress mode does not load CSS and complementary files in side panel #3

@mliradelc

Description

@mliradelc

Problem

When accessing the add-on through the Home Assistant side panel in ingress mode, the page loads without CSS styling or complementary files (JavaScript, images, etc.). This results in a broken and unstyled interface, making the add-on difficult to use.

Steps to reproduce

  1. Open the ARM-HASS-Addon from the Home Assistant side panel (ingress mode).
  2. Observe that the page loads without proper styling and missing assets.

Evidence

  • Unstyled ARM web interface in Home Assistant ingress panel
  • 404 errors for CSS, JS, and image files in browser devtools

Expected Behavior

The add-on web interface should load all CSS, JavaScript, and image files correctly when accessed through the Home Assistant ingress side panel.

Actual Behavior

The page loads, but only the raw HTML is displayed; all linked CSS, JS, and image files return 404 errors (see screenshot).

Impact

  • Poor user experience, add-on is hard to use.
  • Features relying on JS or CSS are broken.

Suggested Investigation

  • Check how static assets are served in ingress mode.
  • Ensure correct asset paths and Home Assistant ingress proxy compatibility.
  • See browser devtools screenshot for failed asset requests.

Additional context

  • Home Assistant version: [please specify]
  • Add-on version: [please specify]
  • Browser: [please specify]

Please investigate and fix asset loading for ingress mode.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions