Mam dziwny problem. Kiedy użytkownik kliknie na pole wejściowe lub wybierz zawartość strony przesuwa się w lewo. Nie mam pojęcia dlaczego. Zdarza się to tylko w przeglądarkach webkit.Dziwne zachowanie po kliknięciu pól wprowadzania w przeglądarce Chrome i Safari
Strona używa transformacji webkitów, może coś jest nie tak?
Można go przetestować tutaj http://zapmama.be/home/dev#/ontour
Mam nadzieję, że może mi pomóc. Wielkie dzięki!
Vincent
dobrze masz te następujące błędy
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.
a powodem weired zachowania jest ten komunikat ostrzegawczy:
2event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
znajdziesz więcej na temat rozwiązania tego wydania w here, here i here
Wydaje mi się, że użyłeś Web Inspector/Chrome Developer Tools do sprawdzenia tego. Komunikaty te nie mają nic wspólnego ze zepsutym układem (warstwy X/layery) dotyczą sposobu, w jaki inspektor sieci sprawdza obiekty "Event"). –
Napotkałem to z bardzo podobnym zachowaniem. Mimo że błąd został wywołany przez fokus wejściowy, problem został spowodowany przez całkowicie oddzielny element.
Otwórz stronę, gdzie się pojawia, powtórz problem, a następnie otwórz inspektora. Następnie przejdź przez rodzeństwo i inne komponenty na stronie, ustawiając je na "display: none". Gdy składnik problemu jest ukryty, problem sam się naprawi. Ten komponent jest tym, który musisz zmienić.
W moim przypadku użyłem "left: 50%" jako części centrowania i zmieniłem to na inne podejście.
IMHO powinieneś unikać mieszania lewej/górnej z translate3d.
Aby odtworzyć, kliknij WYBIERZ, a następnie dowolne WEJŚCIE. –
"Zamaskowałem" zachowanie, zmieniając pozycję za pomocą JS za każdym razem, gdy to się dzieje. Nadal możesz zobaczyć, jak się trochę porusza. – Vinzcent