# Bug Nouveau thème

**URL:** <https://community.gladysassistant.com/t/bug-nouveau-theme/10706>\
**Category:** Développement\
**Tags:** scene, bug\
**Created:** [Août 25, 2026, 3:57 UTC](https://community.gladysassistant.com/t/bug-nouveau-theme/10706 "2026-08-25T15:57:21Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\
**Post date:** [Août 25, 2026, 3:57 UTC](https://community.gladysassistant.com/t/bug-nouveau-theme/10706/1 "2026-08-25T15:57:22Z")

</div>

@pierre-gilles,  
petit bug repéré sur les scènes

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/8/a/8a4cd5c84095b5f29c0ef595e722beaf16ac24a9.png)

Le sélecteur de l’action Condition temporelle passe en dessous du bloc suivant .

---

<div class="post-metadata">

**Author:** ![cursor-bot](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/cursor-bot/32/22252_2.png) [@cursor-bot](https://community.gladysassistant.com/u/cursor-bot)\
**Post date:** [Août 25, 2026, 5:18 UTC](https://community.gladysassistant.com/t/bug-nouveau-theme/10706/2 "2026-08-25T17:18:32Z")

</div>

Salut tout le monde !

Ce sujet est désormais **en cours de développement**.

Une PR a été ouverte pour corriger les menus déroulants de l’éditeur de scènes, qui passaient sous l’étape suivante :

> <https://github.com/GladysAssistant/Gladys/pull/3008>
>
> \### Description
> 
> Reported on the forum: in a scene, the \*\*Weekdays\*\* selector of… the \*Time condition\* step opens \*\*under\*\* the step cards that follow it, so half of its options are unreachable.
> 
> Reproduced in the demo app — the "Time condition" step's Weekdays menu, before and after:
> 
> | Before | After |
> | --- | --- |
> | Thursday is hidden behind "Turn On the Lights", Saturday behind "Turn On the Switches" | the whole list is readable |
> 
> \*\*Root cause.\*\* Every card of the app is glass: \`.glass-theme .card\` carries a \`backdrop-filter\`, and a backdrop filter makes its element a \*stacking context\*. A react-select menu opened inside a step card is therefore that card's prisoner whatever z-index it gets from the inside, and the cards that follow it in the document paint over it. The date/time popups of the same editor already hit this and were fixed with a portal (\`portalId\`, \`components/datePicker.css\`) — the react-select menus never were.
> 
> \*\*Fix.\*\* Same remedy, written once: \`front/src/components/form/Select.jsx\` wraps react-select with \`menuPortalTarget={document.body}\`, plus \`menuPlacement="auto"\` and the \`closeMenuOnScroll\` already used by the dashboard's selects (a portaled menu is positioned only when it opens, so it must close when the page scrolls under it). Every select of the scene editor — steps, triggers, device states, scene tags — and the device value selectors it uses now import that wrapper instead of \`react-select\` directly.
> 
> Since the menu leaves \`.pageContainer\`, the two editor rules that skinned it there are dropped: \`style/index.css\` already skins \`.react-select\_\_menu-portal .react-select\_\_menu\`, and \`dark-mode.css\` paints portaled menus like every other one. Checked in light and dark mode.
> 
> \## Forum
> 
> Forum: https://community.gladysassistant.com/t/bug-nouveau-theme/10706
> 
> \### Checklist
> 
> \- \[x\] Tests pass — no server code changed, so no server coverage impact. Cypress could not run in this environment (its binary download is blocked), so the change was verified by driving the demo front in a real browser: menu paints above the following steps, selection applies, menu closes on scroll, light + dark mode, and the same check on the scheduled trigger, the scene tags and the device value selects.
> \- \[x\] Linter and prettier pass on the front (\`npm run eslint\`, \`npm run prettier-check\`), and \`vite build\` succeeds
> \- \[x\] No undocumented breaking change
> 
> \---
> \_Generated by \[Claude Code\](https://claude.ai/code/session\_01Wv16PHgUTnR4GbeE3TD8A3)\_

N’hésitez pas à suivre la PR, à tester (optionnel, surtout pour les petites demandes) et à faire vos retours ici si besoin.