I menu a discesa della ricerca avanzata nella colonna di destra si trovano nell’angolo in alto a destra anziché dove mi aspetto.
Mac (desktop)
Safari
Buona scoperta, è davvero strano. Sono solo gli elementi nella colonna di destra. Questo accade con qualsiasi tema che utilizza un’immagine di sfondo con
body::before {
content: "";
display: block;
position: fixed;
width: 100%;
height: 100%;
filter: brightness(var(--brightness));
background-image: url($blobs-other), url($blobs-yellow), url($blue-wave);
background-size: 103vw, 103vw, 100vw;
background-repeat: no-repeat;
background-position: 50% 125%, 0px 95px, 0px 175px;
@media screen and (max-width: 1000px) {
background-attachment: scroll;
}
@media screen and (max-width: 800px) {
background-size: 103vw, 103vw, 200vw;
background-position: 50% 125%, 0px 95px, 0px 175px;
}
}
Lo vedo presente anche nei temi air e graceful, che entrambi fanno questo.
Ipotesi azzardata, ma sospetto che il filtro stia cambiando il contesto di impilamento e possa causare problemi? Puoi pensare a un modo diverso per fare questo sfondo jordan?
Come primo passo, potresti provare senza filter e vedere se funziona?
Ci ho provato, ma non funziona. Per quanto ne so, allegarlo tramite before è l’unico modo per farlo funzionare e non far sì che la pagina/lo scorrimento vengano influenzati.
Wow che bug strano. Funziona assolutamente ma la correzione lo rompe. Stranamente, usare ::after invece di :before funziona anche…
Ho provato a testarlo nell’ispettore, ma passare a ::after nasconde l’immagine di sfondo.
Oh scusa, non intendevo dire che quella fosse una soluzione. Nemmeno questa lo è, stavo solo sottolineando cos’altro è correlato alla stranezza.
Fondamentalmente, qualsiasi cosa che “rimuova” l’immagine dallo sfondo, sia essa il posizionamento, l’after o l’impostazione della larghezza a 0, “risolve” il menu a discesa.
Joffrey sospettava che questo potesse essere un problema con Safari. Ciò che è davvero strano è che l’ispettore mostra che il menu dovrebbe essere posizionato in modo appropriato sullo schermo. I pixel e i numeri sono corretti.
Ciò è reso evidente su Safari se deselezioni “fisso” e poi lo riattivi nel posizionamento del menu, il menu viene quindi posizionato correttamente.
Poiché questo tipo di caso d’uso per le immagini di sfondo è in vigore da prima del 2020, mi chiedo se sia recente, o se non abbia mai funzionato e questa sia la prima volta che ne sentiamo parlare.
L’ho visto anche io. Mai sperimentato prima. Sembra quasi che si stia posizionando rispetto a coordinate errate della viewport o qualcosa del genere (anche se le coordinate translate3d sono corrette nell’ispettore, non corrispondono alla posizione effettiva) e poi, riapplicando la proprietà, si è corretto.
Safari ha un sacco di menzioni di background-attached:fixed che non funzionano correttamente, potrebbe essere correlato a questo in qualche modo. Nessuna delle speculazioni offre una soluzione però 
Potremmo cambiare il menu a discesa in position:absolute, senza un translate, che funziona. Il modo in cui è fatto ora è un po’ strano per cominciare, secondo me.
Sì, questo è un buon punto. Non dovrebbe essere sempre sopra o sotto la sua casella di input? Forse il rilevamento necessario ci obbliga a usare la traduzione.
Ora è stato corretto.