Зарегистрировать вход из невидимой формы

Question

I спросил некоторых экспертов по юзабилити о форме вращающегося куба , которую я сделал.Они правильно указали, что, когда грань куба с текстовыми полями не видна, они не регистрируют никакой ввод.

Это означает, что когда куб вращается и пользователь все еще печатает, он регистрирует только то, что набрал пользователь, пока он еще виден.Это явно то, что мне нужно исправить.

Лицо куба динамически скрывается с помощью правила css display: none, а затем снова отображается с display: block.

Возможно лисделать регистр ввода ввода текста, когда он находится внутри div, который имеет display: none?Нужно ли скрывать это другим способом, чтобы он регистрировал ввод?

Answer 1

opacity: 0.1; твой друг;)

Answer 2

Вы можете использовать что-то вроде position: absolute; left: -2000px, чтобы скрыть это за экраном, но все еще в состоянии принять ввод. Это имеет дополнительный бонус за элемент, который все еще находится «там» - кто-то может вставить его, программы чтения с экрана все еще могут сказать, что он там, а не просто «он пропал».