So I’ve tried to newest HA version and noticed I couldn’t edit my “to be appearing empty” cards anymore. Cards with card-mod styling or Auto-Entities card without any results for example.
So in older versions (HA 2025.8) you could still hover the empty cards to edit the yaml:
But now in 2025.12 (and I believe 2025.11 aswel) there is nothing to hover over. The card is completely flat (0px height) and won’t show the pencil icon:
If you style display: none with card_mod this is expected.
auto-entities has PR to address preview mode correctly. You can grab a build from my fork to use until an official release contains this fix. Either add my fork to HACS as a custom repository and get pre-release 1.16.1-dcapslock.9 or just grab the auto-entities.js from the release and place in the relevant location in your config, being sure to delete any *.gz file. You can confirm you are running my build in the console AUTO-ENTITIES 1.16.1-dcapslock.9 IS INSTALLED.
Definitely true ‘display: none’ shouldn’t display it on the default mode. But within the edit mode every card should be approachable right? Which also is the case in previous HA versions.
But is it a card specific problem instead of a HA wide problem? Because I got the same results with the card-mod styling, custom button card and auto-entities card. And maybe more?
Nope, not in combination with HA 2025.12 & 2025.11 at least. I feel like it’s not related to the custom cards but more to the HA version. HA 2025.8 worked fine with either cardmod versions.
@LE0N I have been doing some testing and share my findings, and a card_mod option to give all cards at least one row height in edit mode.
Whether or not a non-visible card will show in edit mode depends on whether it has rows set for grid_options, either in config directly or default config, and whether it is in a row of its own. If a card has rows config then the div containing it will have a class fit-rows which defines a height based on row size. Also if a card is on a row with another card that is showing, or has rows, the row height will be set. Otherwise the containing div has no height set. e.g. a standard button card that has a default grid_options of 2 rows so will always show even if you style display: none with card_mod. Whereas a custom:button-card with no grid_options config set will not have any rows so will not show if styled to not display, unless on a row with other cards showing or rows set. Likewise if a vertical stack is styled with card_mod (v4) to not display it will also not show in edit mode, unless you give it a row height, or it is on a row with cards showing or rows set.
I can’t pin down the change, but perhaps you are seeing it more after custom:button-card went through updates to support sections, and your existing button cards don’t have grid_options (now button card will always give a default grid_options and set section_mod: true if you create in GUI edit mode).
So how to make sure that a card is always shown in edit mode, at least one row high? Two similar options available using card_mod (v4):
Style the Section the card is in. Edit the Section. Use the three dots to edit in YAML mode. Add the following card_mod.
Style card-mod-grid-section-yaml in your theme. Add the following in your card_mod theme and all Sections will be styled so cards in edit more will always have a min-height of one row.
