New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Popups - re-position in iOS6 #5523

Closed
toddparker opened this Issue Jan 24, 2013 · 13 comments

Comments

@toddparker
Contributor

toddparker commented Jan 24, 2013

In iOS6, if you open a page like:
http://jquerymobile.com/test/docs/demos/buttons/

Then tap the view source button, you will see the popup open, then hide, then reshow. This is due to it re-calculating it's positioning that we looked at earlier and its crept back in.

@ghost ghost assigned gabrielschulhof Jan 24, 2013

@gabrielschulhof

This comment has been minimized.

Show comment
Hide comment
@gabrielschulhof

gabrielschulhof Jan 28, 2013

Contributor

Reproduced ... I might have to increase the timeout for the resize suppresion thing.

Contributor

gabrielschulhof commented Jan 28, 2013

Reproduced ... I might have to increase the timeout for the resize suppresion thing.

@corytam

This comment has been minimized.

Show comment
Hide comment
@corytam

corytam Jan 31, 2013

Can I know how do I apply this fix? Can I just download the latest popup.js ?

P.S I had an issue with IOS6 where the popup keeps repositioning (opening) when the keyboard is shown , due to having a textfield in the popup being selected. Hopefully it will fix it

corytam commented Jan 31, 2013

Can I know how do I apply this fix? Can I just download the latest popup.js ?

P.S I had an issue with IOS6 where the popup keeps repositioning (opening) when the keyboard is shown , due to having a textfield in the popup being selected. Hopefully it will fix it

@atultagra23

This comment has been minimized.

Show comment
Hide comment
@atultagra23

atultagra23 May 20, 2013

@gabrielschulhof
I am also experiencing this issue, this doesn't happens when first time clicked on input field in popup but next time when the input(if closed using cross button) it does tend to reposition when focused on textfield again.

atultagra23 commented May 20, 2013

@gabrielschulhof
I am also experiencing this issue, this doesn't happens when first time clicked on input field in popup but next time when the input(if closed using cross button) it does tend to reposition when focused on textfield again.

@gabrielschulhof

This comment has been minimized.

Show comment
Hide comment
@gabrielschulhof

gabrielschulhof May 20, 2013

Contributor

@atultagra23
Can you please be more specific as to what is happening? Can you write down the steps you're performing? What cross button? The "Sign In" example from the popup widget demos doesn't have a cross button. On what version of jQM are you seeing this? On what version of iOS? If you're using a custom example, can you please copy it to a jsbin based on our template?

I, for one, cannot reproduce what you're seeing using the "Sign In" example from the demos. Of course, since there is no "cross button", I'm dismissing the popup by clicking on its overlay. So, these are my steps:

  1. Open http://view.jquerymobile.com/master/demos/widgets/popup/
  2. Scroll down to "Form"
  3. Click "Sign In"
  4. Focus on "username"
  5. Click outside the popup to close it.
  6. Click "Sign In" to re-invoke the popup.

These steps do not cause the behaviour you're seeing.

I'll reopen for now ...

Contributor

gabrielschulhof commented May 20, 2013

@atultagra23
Can you please be more specific as to what is happening? Can you write down the steps you're performing? What cross button? The "Sign In" example from the popup widget demos doesn't have a cross button. On what version of jQM are you seeing this? On what version of iOS? If you're using a custom example, can you please copy it to a jsbin based on our template?

I, for one, cannot reproduce what you're seeing using the "Sign In" example from the demos. Of course, since there is no "cross button", I'm dismissing the popup by clicking on its overlay. So, these are my steps:

  1. Open http://view.jquerymobile.com/master/demos/widgets/popup/
  2. Scroll down to "Form"
  3. Click "Sign In"
  4. Focus on "username"
  5. Click outside the popup to close it.
  6. Click "Sign In" to re-invoke the popup.

These steps do not cause the behaviour you're seeing.

I'll reopen for now ...

@atultagra23

This comment has been minimized.

Show comment
Hide comment
@atultagra23

atultagra23 May 20, 2013

@gabrielschulhof
Due to an additional scroll bar appearing on this page http://view.jquerymobile.com/master/demos/widgets/popup/
i am unable to open it in ipad. I was previously talking about cross button on the popup i.e the button to close a popup on my site. After using it once the popup readjusts its position when textfield is focused
1

this is image for my popup, on reopening this popup after pressing cross and focusing again the popup does reposition itself in ipad

atultagra23 commented May 20, 2013

@gabrielschulhof
Due to an additional scroll bar appearing on this page http://view.jquerymobile.com/master/demos/widgets/popup/
i am unable to open it in ipad. I was previously talking about cross button on the popup i.e the button to close a popup on my site. After using it once the popup readjusts its position when textfield is focused
1

this is image for my popup, on reopening this popup after pressing cross and focusing again the popup does reposition itself in ipad

@gabrielschulhof

This comment has been minimized.

Show comment
Hide comment
@gabrielschulhof

gabrielschulhof May 20, 2013

Contributor

If you've created your own popup, then would you mind creating a jsbin using our template wherein you can reproduce the issue? Once you've reproduced the issue with the jsbin, please write down the steps to reproduce the issue in your comment to this issue.

I will then open the jsbin and investigate the cause of your issue.

You still haven't told me on which version of iOS and on which version of jQM you're experiencing this issue.

Contributor

gabrielschulhof commented May 20, 2013

If you've created your own popup, then would you mind creating a jsbin using our template wherein you can reproduce the issue? Once you've reproduced the issue with the jsbin, please write down the steps to reproduce the issue in your comment to this issue.

I will then open the jsbin and investigate the cause of your issue.

You still haven't told me on which version of iOS and on which version of jQM you're experiencing this issue.

@atultagra23

This comment has been minimized.

Show comment
Hide comment
@atultagra23

atultagra23 May 22, 2013

@gabrielschulhof
Hey i tried to create the sample page for you but didn't got the issue here on test page http://jsbin.com/opower/10
i want to tell you that i am using jQM version 1.3.0 and i am checking issue on iOS version 6.1.3
PS : Just to get you notified on my page i am getting issue when key is processed on keyboard, the popup tries to reposition itself

atultagra23 commented May 22, 2013

@gabrielschulhof
Hey i tried to create the sample page for you but didn't got the issue here on test page http://jsbin.com/opower/10
i want to tell you that i am using jQM version 1.3.0 and i am checking issue on iOS version 6.1.3
PS : Just to get you notified on my page i am getting issue when key is processed on keyboard, the popup tries to reposition itself

@jaspermdegroot

This comment has been minimized.

Show comment
Hide comment
@jaspermdegroot

jaspermdegroot Jul 18, 2013

Member

I can't reproduce this issue when testing http://view.jquerymobile.com/master/demos/widgets/popup/ on iPad Retina iOS 6.1.3 Safari. Can we close this?

Update: Also tested http://view.jquerymobile.com/1.3-stable/demos/widgets/popup/ (1.3.2 pre) and can't reproduce it there either.

Member

jaspermdegroot commented Jul 18, 2013

I can't reproduce this issue when testing http://view.jquerymobile.com/master/demos/widgets/popup/ on iPad Retina iOS 6.1.3 Safari. Can we close this?

Update: Also tested http://view.jquerymobile.com/1.3-stable/demos/widgets/popup/ (1.3.2 pre) and can't reproduce it there either.

@kechis

This comment has been minimized.

Show comment
Hide comment
@kechis

kechis Oct 16, 2013

I've got this issue on new iPad iOS 7.0

kechis commented Oct 16, 2013

I've got this issue on new iPad iOS 7.0

@DirkTeurlings

This comment has been minimized.

Show comment
Hide comment
@DirkTeurlings

DirkTeurlings Jan 17, 2014

iPad iOS 7.0.4
Chrome 31.0.1650.18

jQM: all versions (including 1.4.0)

Steps te reproduce:

  1. http://demos.jquerymobile.com/1.4.0/popup/
  2. Click Sign-in
  3. Popup is on screen
  4. Click on field username
  5. Keyboard is being shown
  6. Popup disappears and page scrolls upwards
  7. Keyboard is still on the screen, clicking anywhere on the screen doesn't hide it
  8. Popup nowhere to be found visible

It comes down to a iOS - Chrome bug, also tested on Android, Desktop and iOS Safari, none of them show the same behaviour as the iOS - Chrome combination.

DirkTeurlings commented Jan 17, 2014

iPad iOS 7.0.4
Chrome 31.0.1650.18

jQM: all versions (including 1.4.0)

Steps te reproduce:

  1. http://demos.jquerymobile.com/1.4.0/popup/
  2. Click Sign-in
  3. Popup is on screen
  4. Click on field username
  5. Keyboard is being shown
  6. Popup disappears and page scrolls upwards
  7. Keyboard is still on the screen, clicking anywhere on the screen doesn't hide it
  8. Popup nowhere to be found visible

It comes down to a iOS - Chrome bug, also tested on Android, Desktop and iOS Safari, none of them show the same behaviour as the iOS - Chrome combination.

@RobertMe

This comment has been minimized.

Show comment
Hide comment
@RobertMe

RobertMe Jan 28, 2014

Same problem appears in PhoneGap based apps on iOS. So this is related to the HTML component which Safari doesn't appear to use, but Chrome and PhoneGap must use.

A workaround is removing the resize handler. Which at least for PhoneGap based apps shouldn't be a problem as the screen can't resize, just rotate for which the same code does already run.

RobertMe commented Jan 28, 2014

Same problem appears in PhoneGap based apps on iOS. So this is related to the HTML component which Safari doesn't appear to use, but Chrome and PhoneGap must use.

A workaround is removing the resize handler. Which at least for PhoneGap based apps shouldn't be a problem as the screen can't resize, just rotate for which the same code does already run.

@gabrielschulhof

This comment has been minimized.

Show comment
Hide comment
@gabrielschulhof

gabrielschulhof Jan 15, 2015

Contributor

@RobertMe, @DirkTeurlings can you please try http://view.jquerymobile.com/7862-popup-repositioning/demos/popup/? #7862 has a fix that seeks to minimize the popup's jumping around the screen in response to virtual keyboard appearance/disappearance.

Contributor

gabrielschulhof commented Jan 15, 2015

@RobertMe, @DirkTeurlings can you please try http://view.jquerymobile.com/7862-popup-repositioning/demos/popup/? #7862 has a fix that seeks to minimize the popup's jumping around the screen in response to virtual keyboard appearance/disappearance.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment