Strange behavior after clicking on input fields in Chrome and Safari

I have a strange problem. When the user clicks on the input field or selects the contents of the page, moves to the left. I have no idea why. This only happens in webkit browsers.

This page uses webkit-transform, maybe something is wrong?

You can check it out here http://zapmama.be/home/dev#/ontour

I hope you help me. Many thanks!

Vincent

+5
source share
2 answers

ok, you have the following errors

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.

and the reason for this behavior is a warning message:

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

You will find more about this solution to the problem here , here and here.

+1
source

, . , , .

, , , , . , "display: none". , . , .

"left: 50%" .

IMHO / translate3d.

0

All Articles