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:

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

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

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

• [x] 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: