Коллеги, кто умеет правильно оформлять <input type=file>? Я пользуюсь стандартным трюком: сделать input прозрачным (полупрозрачным для отладки) и расположенным поверх фейковой кнопки, вот как-то так. По идее, input будет невидим, но вполне кликабелен. Firefox/Chromium/Opera показывают всё как надо.
Проблема в юзабельности получающегося костыля, а именно — в самой возможности пользоваться таким input'ом: моя Opera «правильно» реагирует (открывает диалог выбора файла) только при клике по кнопочке «Browse…», а если кликнуть чуть левее и попасть на строку ввода, то нужной реакции не будет. Где-то будет мигать невидимый курсор в невидимой строке ввода, юзер будет страдать, а я получу баг-репорт. Вызов из JavaScript'а метода click() в адекватном браузере работать не должен, как мне подсказывает моя параноя. Подскажите, как обойти эту особенность Оперы.
Нестандартные элементы управления — вообще-то зло и я их не люблю, но уж если надо с ними работать, то можно ли как-то уменьшить их вред?
|