Почему ввод текстового поля в firefox вызывает прокрутку экрана?
Я испытываю невероятно странную проблему с плагином isotope только в firefox. У меня есть textarea в каждом из моих изотопных элементов, и когда я прокручиваю вниз и набираю один из textarea, экран переходит к вершине. Я воспроизвел это в jsfiddle:
http://jsfiddle.net/galtschul/WfTZ5/
Я смотрел на это в течение нескольких часов и не могу понять, что вызывает этот свиток даже к пожару. Хочу помогите!
спасибо!
2 ответов
Итак, проблема не в изотопе. Проблема в том, что есть ошибка в том, как firefox отображает текстовые области после появления scale3d и/или transform3d. Он заканчивает "думать", что textarea находится в верхнем левом углу, поэтому он прыгает на вершину. Вот две ошибки, которые были поданы на bugzilla Mozilla:
ноябрь 2011:https://bugzilla.mozilla.org/show_bug.cgi?id=703241 Июль 2012: https://bugzilla.mozilla.org/show_bug.cgi?id=778761
Chrome также страдает от проблем рендеринга после применения тех же преобразований. А именно, предоставление каретки. Я подал новый, но на bugzilla Webkit, который был быстро подтвержден разработчиком Webkit.
вот пример ошибки:http://jsfiddle.net/galtschul/StbKg/
Нажмите в любом из редактируемых полей, прежде чем нажать кнопку и увидеть, что каретка отображает правильно. Затем нажмите кнопку, которая будет масштабировать текстовую область и наблюдать, что курсор не мигает... введите несколько символов, а затем стрелка влево, чтобы наблюдать каретку не движется... затем введите снова, чтобы наблюдать символы вставляются там, где ожидалось.
вот сообщение об ошибке:https://bugs.webkit.org/show_bug.cgi?id=94985
с нетерпением ждем исправления!!
Как я заметил, это из-за .isotope-item { position :absolute} свойство. Пробовал много, но действительно не мог понять решение.