popup not working in adaptive dashboard

[athiosh]

Describe the bug
I am trying to setup adaptive dashboard and the popup does not show if it is set in grid-template-areas in the adaptive-ui.yaml file.

To Reproduce
Steps to reproduce the behavior:

remove popup under grid-template-areas in adaptive-ui.yaml

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
remove popup under grid-template-areas

with popup under grid-template-areas

Additional context
Add any other context about the problem here.

Related Logs (can be found in the browser-console (F12))
Add related logs for the problem

Related Card Config
Add the card config from ui-lovelace.yaml with the related problem

remove popup under gird-template-areas

title: "UI Lovelace Minimalist"
theme: "minimalist-desktop"
background: "var(--background-image)"
views:
  - type: "custom:grid-layout"
    title: "home"
    icon: "mdi:home"
    path: "0"
    layout:
      grid-template-columns: "1fr 1fr"
      grid-template-rows: "min-content"
      grid-template-areas: |
        "main" # original "main popup"
      mediaquery:
        "(max-width: 1100px), (orientation: portrait)":
          grid-template-columns: "100%"
          grid-template-areas: "main"
    cards:
      - !include "views/main.yaml"
      - !include "popup/popup.yaml"

[athiosh]

Hi, just want to check and see if there is any update on this? Would love to get the adaptive dashboard working.

[wilbiev]

You can use the popup of the light card by setting the variables ulm_card_light_enable_popup: true or ulm_card_light_enable_popup_tap: true. See https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_light/#variables

[athiosh]

Still doesn't work. As long as popup is included in grid-template-areas, the right side will be blank

[wilbiev]

The popups of the light card are activated via the browser mod fire-dom-event. The popup is presented in a dialog box. Popup of the adaptive dashboard are lovelace cards which can be activated based on a certain state of input_select.minimalist_popup.

[athiosh]

Not sure I am understanding it, Do you have a sample yaml i can follow?

[Onra303]

Le problème vient de la class slide-down qui ajoute le style transform: translate(0, -100%);

si vous enlevez cette propriété cela fonctionne, maintenant reste à determiner de où vient cette class css