Radio button/checkbox non funzionanti da mobile

[KillerWorm]

Ciao, chiariamo subito che JavaScript non è Java. Suppongo comunque tu volessi riferirti a JavaScript.

Ho dato uno sguardo, la situazione mi pare abbastanza complessa, potrebbe dipendere da vari fattori, non ho indagato a fondo. La pagina presenta in generale vari rallentamenti che influiscono anche sulla selezione di quei controlli, personalmente noto giusto dei ritardi, più su mobile ma anche su desktop e su più o meno tutti i radio button (sia SI sia NO) e sul checkbox in fondo, per cui non so se possa essere lo stesso problema che descrivi qui:

Specifico il malfunzionamento: La risposta No non si preme, o meglio devi provarci per un pò mentre le due risposte si risultano poco intuitive (il tutto da mobile)

Noto che ad ogni selezione sui vari controlli vengono eseguite varie animazioni per la comparsa/scomparsa di varie sezioni, forse questo potrebbe essere la causa (o una delle cause) di questi ritardi.

In effetti il problema potrebbe riguardare più che altro JavaScript, come hai supposto tu. Il fatto che siano state usate delle immagini per quei controlli, c'entra e non c'entra. Presumo che l'intero sito sia basato su qualche framework e il layout stesso dipenda da qualche template preconfezionato, questo potrebbe starci se non per il fatto che probabilmente è stata curata più la parte grafica rispetto a quella funzionale (IMHO).

Ripeto però, la situazione mi pare abbastanza complessa, le cause potrebbero essere diverse e il problema non mi pare sia troppo chiaro per cui si possano circoscrivere specifiche cause facilmente individuabili. Potrei sbagliarmi ma non vedo semplici soluzioni se non quella di mettere mano all'intero progetto.

Se pensi che si risolva semplicemente utilizzando i controlli di default piuttosto che le immagini, puoi fare questa prova per ripristinarli:

- Apri il file main.css in un editor per modificarlo (magari fai prima una copia di backup);

- Alla riga 354 trovi questo selettore
(se non dovessero corrispondere i numeri di riga, cerca i selettori)

.field-wrap .field-radio .radio-wrap input

sotto questo, elimina o commenta la regola position: absolute;
puoi commentarla in questo modo

/* position: absolute; */

questo farà apparire i radio button di default, comunque presenti nel codice html.

- Alla riga 306 trovi un selettore simile per i checkbox

.field-wrap .field-checkbox .checkbox-wrap input

fai la stessa cosa eliminando o commentando la regola position: absolute;

- Per nascondere le grafiche "personalizzate" di questi controlli, per i radio vai alla riga 359

.field-wrap .field-radio .radio-wrap .placeholde

sotto modifica il valore di display: block; in none;
Puoi commentare la regola e aggiungere affianco quella nuova:

/* display: block; */ display: none;

- Per i checkbox vai alla riga 311

.field-wrap .field-checkbox .checkbox-wrap .placeholder

fai lo stesso del punto precedente.

Tutto questo non farà altro che mostrare i "reali" controlli (radio e checkbox) e nasconderne la grafica personalizzata.
Io ho comunque l'impressione che questo non incida sul problema; vedi tu se cambia qualcosa.

Personalmente non posso esserti di maggiore aiuto.
Attendi eventualmente ulteriori risposte da altri utenti.

Buon proseguimento.