Ionic Not working in safari but works in crome and android phone - ionic-framework

I am debugging my app.
it works well in crome and my note3 phone.
but If I test in safari,
login page doesn't change to dashboard page after login but token and Id is in localStorage it just stays in login page(1).
and form gets all messed up when keyboard appears. also it doesn't looks like it follows responsive web design that I gave(2).
could solve it when I don't use location.reload() in last part of my login function after $state.go('app.dashboard') but then when I am in dashboard and click menu then it doesn't bring all the data. but if I reload menually again then it loads up and samething happens in crome.
I don't know why it does do this at all

Related

Meteor app - facebook login - popup doesn't close

My meteor app login with facebook seems to work properly except that the login popup never closes. The popup window stays open until the app is reloaded. I don't even where to start to debug this...
The popup is blank and the inspect reveals :
<p id="completedText" style="display:none;">
Login completed. <a href="#" onclick="window.close()">
Click here</a> to close this window.
</p>
The style=display:none is probably why the popup appears blank but I don't know how to update that style. Also, if I perform a window.close() from the console, the popup disappears but the app doesn't register the login.
BTW, this bug only appears when I use my app from my domain name, when I call it from the IP address, it works just fine.
I was experiencing the same issue, when I started using accounts-google.
It was because I was mixing http and https in my redirect URL.
Apparently this is a known bug with iOS and can be solved by changing the loginStyle parameters:
Usually, the popup-based flow is preferable because the user will not have to reload your whole app at the end of the login flow. However, the popup-based flow requires browser features such as window.close and window.opener that are not available in all mobile environments. In particular, we recommend using Meteor.loginWith({ loginStyle: "redirect" }) in the following environments:
Inside UIWebViews (when your app is loaded inside a mobile app)
In Safari on iOS8 (window.close is not supported due to a bug)
Meteor docs

facebook login popup opens in a new tab in one of internet explorer 9

Hi i'm using the JS SDK with this code to log in using facebook:
<div class="fb-login-button inlineBlock" data-scope="email" on-login="onLoginWithFacebook();">Connect using Facebook</div>
This works fine in Chrome, Firefox, Safari, it works also fine in IE9 of one PC, but not on the other PC.
IE9 version on the other PC is 9.0.8112.16421, update version: 9.0.4
In this IE, it opens the facebook login window in a new tab instead of a popup, and after you succesfully login to facebook the window redirects to a blank page with url : https://s-static.ak.fbcdn.net/connect/xd_proxy.php?...
On the other PC, where IE9 is working fine, the login window opens in a popup and after login the popup closes and the main window refresh ok.
I've reset IE options to default on the faulting PC without success.
Any idea where to search for logs ? There seems to be none.
IE can be set to open popups in a new tab. I suspect that's your problem.
I found the problem : IE Chrome Frame.
When IE renders my web site using google's "IE Chrome Frame", for an unknown reason the facebook login popup opens in a new tab instead of a popup. The new tab is rendered using IE not IE chrome frame, thus breaking javascript connections between the popup and its parent window.
I may be a bug in IE Chrome Frame, or in the way facebook opens the login popup, i'm still searching.
The IE Chrome Frame compatibility is important for IE6 users.
See http://www.chromium.org/developers/how-tos/chrome-frame-getting-started/differences-between-chrome-and-chrome-frame
And a "solution" (complicated solution): http://groups.google.com/group/google-chrome-frame/browse_thread/thread/388e872d5ce4efa2?pli=1

iPad add to homepage stops site from working

I'm using the IOS simulator iPad/ ISO 4.3.2 (8H7)
I'm working on a web based app for the iPad, it works fine being viewed as a webpage on my local host.
However, when I click add to homepage button and access the site via the icon on the homepage.
All the 'a' tags stop working.
EDIT: I've found another post that people mention the same issue. See the second and third posts down.
iPad WebApp Full Screen in Safari
The only way I have been able to get this to work is by changing all my 'a' tags to the following.
a href="javascript:this.location = 'page.php'"
For some reason when you link with javascript it stays in the same window.

Facebook API events fire continuously

I am using the following example from the facebook website to have a user logon and get his details: https://developers.facebook.com/blog/post/481
I am encountering two problems:
1) The auth.sessionChange event gets fired every half a second, and the page reloads accordingly every half a second (because of this code: FB.Event.subscribe('auth.sessionChange', function(response) {
window.location.reload();
});)
2) When the user clicks login, the login windows doesn't close upon successful login - but nothing happens instead.. After logging in in the popup window, the login page turns into a white blank page..
In your Application Settings, make sure you set your Site URL and Site Domain.
Did you also make sure to update the App Id from your Applications settings in the code?
Last, are you using Safari that could possibly have session caching or cookies disabled? Having done a bunch of Facebook Applications, I can tell you that if you have cookies disabled, you're in some trouble.
I just went through the example, copy-pasted, created a test app, and it works perfectly (tested in Chrome.) Open up Charles, and make sure it's connecting to facebook.com/extern/login_status.php with the proper app id.

Facebook Like button cyclically opens and closes a popup window, facebook.com/connect/connect_to_external_page_widget_loggedin

I associated a Facebook account with my GaiaOnline account; we use Connect to accomplish this. I created a JS Like button for a page at FB's dedicated page: developers.facebook.com/docs/reference/plugins/like
The Like button's code was
Upon clicking the Like button in XP/firefox 3.6.13, while logged into Gaia and FB, a popup window rapidly opens and closes cyclically until the process is terminated. This behavior is not repeatable on other windows machines, macs or chrome. Presumably this is Facebook trying to initiate a FB login page, per their third-party login process: developers.facebook.com/blog/post/312
My history identifies this page as "http://www.facebook.com/connect/connect_to_external_page_widget_loggedin.php?social_plugin=like&external_page_url=http%3A%2F%2Ftest135.open.dev.gaiaonline.com%2Fforum%2Fentertainment-discussion%2Fthe-roommate-what-s-the-best-thing-about-having-a-roommate%2Ft.67947263%2F".
A video of this transpiring is uploaded to Youtube: http://www.youtube.com/watch?v=1asJ4kMNL6w
What is causing the popup behavior, and what can be done to fix it?
Try enabling 3rd party cookies
http://support.mozilla.com/kk/questions/761194#answer-127335