PopUp funziona con Firefox ma non con Chrome
Buona giornata,
ho un problema relativo ad un popup, che funziona, se un utente e' loggato, sia con Firefox che con Chrome, mentre per un utente anonimo, funziona esclusivamente con Firefox. (sia http che https)
con entrambi i browser, il popup appare, ma con chrome, se non si e' loggati, non e' possibile usare il mouse, il formo funziona solamente usando il testo "Tab"
E' qualcosa che, malgrado controlli ripetuti, non riesco a risolvere.
il listato del problema e' il seguente:
<div class="title">Contattaci Adesso</div>
<p>
<style>
button {
background-color: #1DA5DF; /* medium blue */
border: 4;
color: blue;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
button:hover {
color: #FFF;
background: #900;
}
</p>
</style>
<a class="use-ajax" data-dialog-options="{"width":800}" data-dialog-type="modal" href="https://www.nuvoli.ml/contact"><button type="submit" >Contatto</button></a></p>
il link alla pagina di prova, con il pulsante "Contatto", il secondo sulla destra, si trova:
https://www.nuvoli.ml/su-di-noi
grazie per chi mi aiuta. Buona giornata
Risposte
Ciao, io rilevo questo
Ciao, io rilevo questo comportamento:
Firefox: il form nel popup funziona già dal primo click sul bottone
Chrome: il form nel popup funziona solo dopo il secondo click (nella prima apertura l'overlay ha z-index superiore al layer del popup)
Prova ad aggiungere al css (puoi provare anche nello stile inline nello snippet che hai usato) questa regola:
.ui-widget-overlay {
z-index: 99;
}
o nel caso non venga presa in considerazione
.ui-widget-overlay {
z-index: 99 !important;
}
Maurizio, ti ringrazio
Maurizio, ti ringrazio tanto.
Seguivo altre strade, ritenevo che non caricasse il :
$form['#attached']['library'][] = 'core/drupal.dialog.ajax';
ma erroneamente.
Ha funzionato con la prima soluzione
.ui-widget-overlay {
z-index: 99;
}
Buon fine settimana dalla Russia !
Ma figurati, a presto e buon
Ma figurati, a presto e buon fine settimana anche a te!