Registrazione dell'input da modulo invisibile

Question

I asked some usability experts su un rotating cube form creato. Hanno correttamente sottolineato che quando la faccia del cubo con le caselle di testo non è visibile, non registrano alcun input.

Ciò significa che quando il cubo gira intorno e l'utente sta ancora digitando, registra solo ciò che l'utente ha digitato mentre era ancora visibile. Questo è chiaramente qualcosa che devo risolvere.

Una faccia di un cubo è nascosta dinamicamente con la regola css display: none, quindi visualizzata di nuovo con display: block.

È possibile creare un input di registro casella di testo quando si trova all'interno di un div che ha display: none? Devo nasconderlo in un altro modo in modo che registri l'input?

Answer 1

È possibile utilizzare qualcosa come position: absolute; left: -2000px per nasconderlo fuori dallo schermo ma è comunque possibile accettare input. Questo ha il vantaggio aggiuntivo che l'elemento sia ancora "lì" - qualcuno può inserirvi, gli screen reader possono ancora dire che è lì, piuttosto che "It's gone".

Answer 2

opacity: 0.1; è tuo amico;)