slipx06 / sunsynk-power-flow-card

⚡A customizable Home Assistant card to emulate the Sunsynk System flow that's displayed on the Inverter screen.
MIT License
180 stars 52 forks source link

Card appears broken in fully kiosk browser #511

Open dansity opened 6 days ago

dansity commented 6 days ago

Is there an existing issue for this?

Current Behavior

I'm displaying this card in fully kiosk browser with kiosk mode on my tablet and the card displays broken. I'm using the light version of the card and no cardmod. image

Looks ok in desktop browser image

Looks ok in HA android app image

Steps To Reproduce

No response

Expected behaviour

Display correctly in fully kiosk

Card Version

4.44

Home Assistant Version

2024.9.1

Configuration

type: custom:sunsynk-power-flow-card
cardstyle: lite
show_solar: true
battery:
  energy: 5000
  shutdown_soc: 20
  show_daily: true
  shutdown_soc_offgrid: 20
  invert_power: false
  dynamic_colour: true
  max_power: 5000
solar:
  show_daily: true
  mppts: 1
  pv1_name: Napelem
  auto_scale: true
  display_mode: 1
  pv1_max_power: 5100
load:
  show_daily: true
grid:
  show_daily_buy: true
  show_daily_sell: true
  show_nonessential: true
entities:
  use_timer_248: switch.sunsynk_toggle_system_timer
  priority_load_243: switch.sunsynk_toggle_priority_load
  load_frequency_192: sensor.sunsynk_load_frequency
  inverter_power_175: sensor.sunsynk_inverter_power
  grid_connected_status_194: binary_sensor.sunsynk_grid_connected_status
  inverter_status_59: sensor.sunsynk_overall_state
  grid_power_169: sensor.sunsynk_grid_power
  essential_power: none
  nonessential_power: none
  aux_power_166: sensor.sunsynk_aux_power
  pv1_power_186: sensor.solarman_pv1_power
  day_pv_energy_108: sensor.solarman_total_energy_sold
  battery_current_191: sensor.solarman_battery_current
  battery_power_190: sensor.solarman_battery_power
  battery_voltage_183: sensor.solarman_battery_voltage
  battery_temp_182: sensor.solarman_battery_temperature
  battery_soc_184: sensor.solarman_battery_soc
  day_battery_charge_70: sensor.solarman_daily_battery_charge
  day_battery_discharge_71: sensor.solarman_daily_battery_discharge
  inverter_voltage_154: sensor.solarman_load_voltage_l1
  inverter_voltage_L2: sensor.solarman_load_voltage_l2
  inverter_voltage_L3: sensor.solarman_load_voltage_l3
  load_power_L1: sensor.solarman_load_l1_power
  load_power_L2: sensor.solarman_load_l2_power
  load_power_L3: sensor.solarman_load_l3_power
  day_load_energy_84: sensor.solarman_daily_load_consumption
  day_grid_import_76: sensor.solarman_daily_energy_bought
  day_grid_export_77: sensor.solarman_daily_energy_sold
  grid_ct_power_172: sensor.solarman_external_ct_l1_power
  grid_ct_power_L2: sensor.solarman_external_ct_l2_power
  grid_ct_power_L3: sensor.solarman_external_ct_l3_power
  inverter_current_164: sensor.solarman_current_l1
  inverter_current_L2: sensor.solarman_current_l2
  inverter_current_L3: sensor.solarman_current_l3
large_font: true
panel_mode: false
show_battery: true
show_grid: true
dynamic_line_width: false
inverter:
  three_phase: true
  model: deye
  modern: true
  colour:
    - 246
    - 245
    - 244
  autarky: 'no'
  auto_scale: true
view_layout:
  column: 3

Relevant log output

No response

slipx06 commented 3 days ago

Hi

Unfortunately a know issue with dynamic css and styles and what HA considers to be a legacy browser. See https://github.com/slipx06/sunsynk-power-flow-card/issues/500