Domanda di follow-up: la stessa mancanza di trasparenza/blur visibile ora si manifesta anche su un altro elemento che condivide il percorso di stile .menu-panel — il campo di input del menu a discesa della ricerca nell’intestazione (.search-input-wrapper, parte del menu di ricerca glimmer).
Ricetta (stesso identico pattern di quello funzionante per .d-header e di .menu-panel sopra):
.search-menu .search-input-wrapper {
background: color-mix(in srgb, var(--header_background) 85%, transparent) !important;
-webkit-backdrop-filter: blur(6px) saturate(1.2);
backdrop-filter: blur(6px) saturate(1.2);
border-radius: 14px;
box-shadow: 0 0 0 1px var(--primary-low-mid);
overflow: hidden;
}
.search-menu .search-input {
background: transparent !important;
}
Cosa viene renderizzato correttamente: il bordo sottile (box-shadow) e il border-radius vengono entrambi visualizzati esattamente come previsto — quindi il selettore sta abbinando l’elemento corretto e la regola viene applicata, senza essere sovrascritta silenziosamente.
Cosa non viene renderizzato: nessuna trasparenza visibile e nessun blur visibile di ciò che si trova dietro il campo, stesso sintomo di .menu-panel (pannello laterale/pannello hamburger) riportato sopra. .d-header, che utilizza le stesse identiche tre righe (background-color tramite color-mix, -webkit-backdrop-filter, backdrop-filter), continua a funzionare senza problemi.
Questo mi fa sospettare sempre di più che non si tratti di qualcosa di specifico per .menu-panel stesso, ma di qualcosa che questi elementi di tipo dropdown/overlay condividono (un contesto di impilamento creato altrove nel core, un layer di composizione che non è un blocco contenitore appropriato per backdrop-filter, o simile) — piuttosto che qualcosa legato al nostro selettore o ai valori delle proprietà, dato che le esatte stesse tre proprietà CSS si comportano in modo diverso a seconda dell’elemento core a cui sono applicate.
Qualcuno ha riscontrato che backdrop-filtri/sfondi traslucidi non vengono renderizzati specificamente sul menu a discesa della ricerca o su altri overlay della famiglia .menu-panel, anche se la stessa ricetta funziona sull’intestazione?