Skip to content
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

User email and password input fields do not display on Angular web app in Iphone IOS: 11.3 #1362

Closed
justinLaw opened this issue May 1, 2018 · 6 comments

Comments

@justinLaw
Copy link

  • Lock version - 11.6.0
  • Browser & OS - iOS 11.3, Safari Only iPhones, not iPads.
  • JavaScript framework: AngularJS 1.4.8
  • also using angular-lock: 3.0.0
  • Lock configuration:
   lockProvider.init ({
     domain: <domain>,
     clientID: <client id>,
     options: {
       _idTokenVerification: false,
       autoclose: true,
       configurationBaseUrl: 'https://cdn.auth0.com',
       auth: {
         responseType: "token",
         redirectUrl: <application index>,
         params: {
           scope: 'openid email id userId'
         }
       }
     }
   });

Calling lock.show () had the following login screen show.
screen shot 2018-04-30 at 3 24 02 pm

Toggling the "display: block !important" on and off in the dev tools causes the email and password fields to reappear.
screen shot 2018-05-01 at 7 23 55 am

Turning the phone sideways causes the login page to display all fields when calling the lock.show () method. I have removed all of my sites custom css to ensure there were no problems with overriding styles. Have tested on earlier versions of IOS with no problems, it is only on IOS version 11.3. I'm assuming it has something to do with a media query for screen width but have not been able to verify this.

@luisrudge
Copy link
Contributor

Did you test only on an iPhone X?

@justinLaw
Copy link
Author

I have tested on Iphone 5s, 6, 6 plus, 6s, 6s Plus, 7, 7s, 7 plus, 8, 8 plus, and X.

@luisrudge
Copy link
Contributor

All of them have the same issue? Do you have a public website I can test?

@justinLaw
Copy link
Author

@luisrudge my manager said I could email you the url so sending one now.

@luisrudge
Copy link
Contributor

Thanks @justinLaw I reproduced the issue on my iphone 6 and I'm also debugging this locally. The other report we had was also using angular (#1357). I also tested this with the default sample with angular-lock (https://github.com/auth0-samples/auth0-angularjs-samples/tree/embedded-login/01-Embedded-Login) and I see the same issue. I think this is enough information to start investigating. I will move this issue to angular-lock, though, since this is an issue with that particular integration and not with lock itself.

@luisrudge
Copy link
Contributor

sorry, had to reopen it in the lock repo: #1364

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants