Icon position in yaml editor

[loop2]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

As you see, with the same code, if I create a new card from Lovelace interface all icons are corrects but if I use the same code in the yaml all the icons are on the top left, why???

Steps To Reproduce

n

Expected behaviour

the same formatting

Card Version

v.4.44.0

Home Assistant Version

2024.8.3 also the old versions

Configuration

- type: custom:hui-element
        card_type: vertical-stack
        # style:
        #   top: 35%
        #   left: 40%
        #   width: 37%
        cards:
          - type: custom:sunsynk-power-flow-card
            card_mod:
              style: |
                ha-card {
                  --ha-card-background: none;
                  box-shadow: none;
                  border: none;
                }
            cardstyle: compact
            show_solar: true
            battery:
              show_daily: false
              show_absolute: false
              dynamic_colour: true
              show_remaining_energy: true
              auto_scale: true
              linear_gradient: true
              invert_power: false
              animate: true
              hide_soc: false
              shutdown_soc: sensor.powerwall_backup_reserve
              energy: sensor.kwh_accumulo
              max_power: '14000'
            solar:
              show_daily: true
              mppts: 2
              pv1_name: Est-Ovest
              pv1_max_power: 6000
              max_power: 12000
              dynamic_colour: true
              animation_speed: 6
              pv2_name: Nord
              auto_scale: true
              pv2_max_power: 6000
            load:
              show_daily: true
              auto_scale: true
              dynamic_colour: true
              dynamic_icon: true
              load1_name: VW
              load1_icon: phu:volkswagen
              load2_icon: phu:tesla-icon
              load2_name: Tesla
              load3_name: PDC
              load3_icon: mdi:heat-pump
              max_power: 12000
              additional_loads: 4
              animation_speed: 6
              show_aux: false
              aux_load1_icon: ''
              show_absolute_aux: true
              show_daily_aux: false
              load4_icon: mdi:air-conditioner
              load4_name: Clima
            grid:
              show_daily_buy: true
              show_daily_sell: true
              show_nonessential: false
              energy_cost_decimals: 2
              max_power: 6000
              auto_scale: true
              show_absolute: false
              animation_speed: 6
              grid_name: Enel
              label_daily_grid_sell: Export
              label_daily_grid_buy: Import
            entities:
              day_grid_import_76: sensor.consumo_enel_1g
              day_grid_export_77: sensor.immissione_enel_1g
              grid_ct_power_172: sensor.powerwall_site_now
              day_load_energy_84: sensor.consumo_casa_1g
              essential_power: sensor.powerwall_load_now
              pv1_power_186: sensor.solaredge_ac_power
              day_pv_energy_108: sensor.fv_1g
              battery_power_190: sensor.powerwall_battery_now
              grid_connected_status_194: binary_sensor.grid_status
              battery_soc_184: sensor.powerwall_charge
              battery_status: binary_sensor.powerwall_charging
              inverter_power_175: sensor.powerwall_solar_now
              essential_load1: sensor.wallbox_portal_charging_power
              essential_load2: sensor.wallbox_portal_charging_power
              essential_load3: sensor.shelly3em1_phase_a_active_power
              essential_load1_extra: sensor.wallbox_1g
              essential_load2_extra: sensor.wallbox_1g
              essential_load3_extra: sensor.consumo_pdc_1g
              aux_load1: sensor.shelly3em3_phase_c_active_power
              aux_power_166: sensor.shelly3em3_phase_c_active_power
              energy_cost_buy: sensor.pun_mono_orario
              energy_cost_sell: sensor.pun_mono_orario
              essential_load4: sensor.shelly3em2_phase_a_active_power
              essential_load4_extra: sensor.climatizzatori_1g
              pv2_power_187: sensor.solaredgenord_ac_power
            panel_mode: false
            show_battery: true
            show_grid: true
            inverter:
              auto_scale: true
              modern: true
              autarky: 'no'

Relevant log output

no

[slipx06]

Hi.
Which yaml file are you referring too?
Have you tried removing the custom:hui-element card to see if it makes any difference?
What happens if you only specify one mdi icon. If it works add another etc?

[loop2]

Hi!
I remove the custum hui element all the icons are ok!
But i need to insert the flow on a specific position on a picture element, there is any solution?
Thanks a lot!

[slipx06]

What browser are you using? If you are using Safari then it could be related to #47