Странное поведение после нажатия на поля ввода в Chrome и Safari - PullRequest
Новая
       0

Странное поведение после нажатия на поля ввода в Chrome и Safari

5 голосов
/ 22 февраля 2012

У меня странная проблема.Когда пользователь нажимает на поле ввода или выбор, содержимое страницы перемещается влево.Понятия не имею почему.Это происходит только в браузерах webkit.

Эта страница использует преобразование webkit, может быть, что-то не так?

Вы можете проверить это здесь http://zapmama.be/home/dev#/ontour

Я надеюсь, что вы можете помочьмне.Большое спасибо!

Винсент

Ответы [ 2 ]

1 голос
/ 22 февраля 2012

хорошо, у вас есть следующие ошибки 

Unsafe JavaScript attempt to access frame with URL http://www.zapmama.be/home/dev#/ontour from frame with URL http://www.youtube.com/embed/DSopUVEhG8Y. Domains, protocols and ports must match.
Unsafe JavaScript attempt to access frame with URL http://www.zapmama.be/home/dev#/ontour from frame with URL http://www.youtube.com/embed/mMhSIqE-pBA. Domains, protocols and ports must match.

, и причиной странного поведения является это предупреждающее сообщение: 

2event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

вы найдете больше информации о решении этой проблемы в здесь , здесь и здесь

0 голосов
/ 16 июля 2012

Я сталкивался с этим, с очень похожим поведением. Даже если ошибка вызвана фокусом ввода, проблема была вызвана совершенно отдельным элементом.

Итак, откройте страницу, на которой это происходит, скопируйте проблему, а затем откройте инспектор. Затем просмотрите одноуровневый элемент и другие компоненты на странице, установив для них «display: none». Когда проблемный компонент скрыт, проблема будет устранена самостоятельно. Этот компонент нужно изменить.

В моем случае я использовал 'left: 50%' как часть центрирования и изменил его на другой подход.

ИМХО, вам следует избегать смешивания left / top с translate3d.

...