HA Editor looses card-mod code

[ildar170975]

My Home Assistant version: 2021.11.2

My lovelace configuration method (GUI or yaml): yaml/GUI

Steps to reproduce:

1. Create a new card via UI, copy/paste this code into Editor:

type: glance
entities:
  - entity: sun.sun
  - entity: sun.sun
    icon: mdi:fan
    card_mod:
      style: |
        state-badge {
          color: orange;
        }

2. The screen is:
   

3. Save the code, the screen is:
   

4. Open the Editor again, the screen is:
   

The card_mod code is not displayed.
If you press the “Save” button, the code will probably be saved w/o card_mod.

Error messages from the browser console:
none

---

By putting an X in the boxes ([]) below, I indicate that I:

• Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).

• Have made sure I am using the latest version of the plugin.

• Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.

• Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.

[ildar170975]

This trick fixed the issue:
https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/2293?u=ildar_gabdullin

Now the card-mod code is visible in the Editor: