No layout option to select

andbad commented 2 years ago

My Home Assistant version: 2022.2.9

Layout-card version (FROM BROWSER CONSOLE): 2.4.0

What I am doing: I copied the js file (downloaded from RAW link) to /www folder, then I configure module in "Settings/Resource"

What I expected to happen: When I click on pencil icon in Lovelace to configure layout of the page, I should find custom Masonry, Horizontal, Vertical and Grid layout

What happened instead: I find only standard layout

Minimal steps to reproduce:

# The least ammount of code possible to reproduce my error

# End of code

Error messages from the browser console:

LAYOUT-CARD 2.4.0 IS INSTALLED 
layout-card.js?v=199:216 Uncaught (in promise) TypeError: Cannot set properties of null (setting 'defaultValue')
    at F.t.updated (:58123/local/lovelace-custom/layout-card.js?v=199:216:3437)
    at F._$AE (:58123/frontend_latest/app.1bcfdc44.js:1248:30525)
    at F.performUpdate (:58123/frontend_latest/app.1bcfdc44.js:1248:30305)
    at F.scheduleUpdate (:58123/frontend_latest/app.1bcfdc44.js:1248:29887)
    at F._$EC (:58123/frontend_latest/app.1bcfdc44.js:1248:29795)

By putting an X in the boxes ([X]) 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.

andbad commented 2 years ago

Some screenshots:

Cortexian commented 2 years ago

I am also experiencing this problem with 2022.2.9

blandrd commented 2 years ago

This is happening to me as well, with the same error as the first post:


2layout-card.js?hacstag=156434866231:194 Uncaught (in promise) TypeError: Cannot set properties of null (setting 'defaultValue')
    at F.t.updated (layout-card.js?hacstag=156434866231:194:3001)
    at F._$AE (styles.ts:368:1)
    at F.performUpdate (styles.ts:368:1)
    at F.scheduleUpdate (styles.ts:368:1)
    at F._$EC (styles.ts:368:1)
t.updated @ layout-card.js?hacstag=156434866231:194
_$AE @ styles.ts:368
performUpdate @ styles.ts:368
scheduleUpdate @ styles.ts:368
_$EC @ styles.ts:368```

kicker10BOG commented 2 years ago

I also no longer see the same layout options as before. I have it installed through HACS.

My existing grid layout works, but I can't edit it through the gui or change to the grid on another panel.

variada commented 2 years ago

I also no longer see the same layout options as before. I have it installed through HACS.

My existing grid layout works, but I can't edit it through the gui or change to the grid on another panel.

can confirm exactly that. only non-HACS install. no dropdown options for the lovelace tabs. existing layouts work fine. can only edit it via the raw editor.

did they rename the dropdown and options text field maybe?

jjrytko commented 2 years ago

I also no longer see the same layout options as before. I have it installed through HACS.

My existing grid layout works, but I can't edit it through the gui or change to the grid on another panel.

I can also see the same problem. Non-HACS install (Home Assistant 2022.2.9, Docker: true)

sillvva commented 2 years ago

I am experiencing this problem as well with HACS install on 2022.3.0. It is still working with YAML configuration, but the UI options are missing.

compujunk commented 2 years ago

I am also experiencing this problem with HA 2022.3.0

RenWal commented 2 years ago

As a workaround, you can use the raw configuration editor from the menu in the top right corner. For each entry in views, you can set the type property, for example, type: custom:grid-layout. Then, also define the layout property and put all of the config options for your layout in there.

cloudbr34k84 commented 2 years ago

yep im not getting anything. Hopefully this will be updated. This should be a standard in HA anyway

OMVMMG commented 2 years ago

Same here. LAYOUT-CARD 2.4.1 Home Assistant 2022.3.1

View types not showing anymore.

firstchair commented 2 years ago

Same wise, I see this error: layout-card.js?hacstag=156434866241:47 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'querySelector') at St._setGridStyles (/hacsfiles/lovelace-layout-card/layout-card.js?hacstag=156434866241:47:3854) at St.setConfig

pickonedev commented 2 years ago

Same here. 2.4.1, no layout tab/options

mikastrup commented 2 years ago

Same (with HACS)

marciogranzotto commented 2 years ago

Same here... I have 3 HA instances, on 2 of them, which have layout-card installed for a while, it works as expected, but on my new instance, I have the same problem. I cannot figure out what is different between them...

--- Edit ---

Nevermind that! I've updated my Home HA instance, which was working, from 2022.2.x to 2022.3.3 and now it has the same issue

Jpsy commented 2 years ago

Same here. My console error message is a bit different though:

layout-card.js?hacstag=156434866241:47 
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'querySelector')
    at St._setGridStyles (layout-card.js?hacstag=156434866241:47:3854)
    at St.setConfig (layout-card.js?hacstag=156434866241:47:3034)

Version is 2.4.1 Unfortunately line 47 contains a huge minified code chunk which is extremely hard to debug.

andbad commented 2 years ago

Solved for me with 2.4.2. Thank you.

By(t)e

Jpsy commented 2 years ago

Yepp, works beautifully again. Thanks @thomasloven !

firstchair commented 2 years ago

Thanks @thomasloven :+1::+1:

OMVMMG commented 2 years ago

All good now. Thank you! @thomasloven

thomasloven / lovelace-layout-card

No layout option to select #185