I have a website builded on jQuery Mobile platform. I have a bug on Firefox 21 on Android 4.1.2 on Samsung galaxy s3. I open this page http://m.daripodarki.ru/order/2594/…
I have a website builded on jQuery Mobile platform. I have a bug on Firefox 21 on Android 4.1.2 on Samsung galaxy s3.
I open this page http://m.daripodarki.ru/order/2594/ The screen is narrow and email fields go one by one, so when I enter the data in it, the page scrolls up in order to show the fields above the phone keyboard. Then I press the button bellow to switch to the next screen.
There are 2 buttons on top of the each page on header section (the blue one). "О магазине - About" in the left corner and "Мой кабинет- Private room" in the right corner.
And also there are 2 radio-buttons on the next screen "сейчас"(now) and "Выбрать дату и время" (select date and time). They are performed as regular buttons (thanks to jquery mobile). When I click on "Сейчас"-button (the left one), the top left button in the header section presses, althought another button was pressed. The same situation repeats when I click on the gap on opposite site, althought there is no any buttons. That switches me on another page (Private room)
I am not sure whether that is a firefox bug or jQuery Mobile bug, but that situation happens in firefox only.
So in conclusion: if the previous screen was scrolled up and we moved to the next screen the elements on the middle of the page inherit the functionality that belongs to elements on the top of that page.
Help me please to understand the nature of this problem to fix it on my website. Thanks.