A bit of an odd one here. (I haven't tested it on an iPhone, but the issue may appear there also)
When clicking certain links on an Android phone, the "open with" popup appears. This is a pretty poor experience. I can't work out why it is happening for some links and not others.
The issue can be seen on: http://coursetracker.com.au/university
The issue can be seen when progressing forward on this page, by either searching and clicking [continue] or clicking a university. On a web browser there is no issues, the user continues forward, it only seems to be on a mobile.
The examples on this page are the element, it also happens on elements. I have tried changing links to "_self" with no luck.
Any help or thoughts would be great. Thanks!
Related
I have searched through all sources I could find and tried everything, but can't seem to find a solution. I have a website (Angular 7 form) that runs perfectly on all devices and all browsers BUT when I posted a link on Facebook, on Android phones it opens in Facebook's WebView browser and crashes when hitting the first button or when pressing the three dots in the browser corner. The WebView browser works well on some Iphones, but some have the same issue. Also the css stylings are not similar, the background is not covering the whole device and button is almost not visible. I tried posting a link straight to the other pages on the site, and always when navigating to next page on the router or tapping basically anything on the page, it crashes.
Some testers claimed that they could make it to the third page (out of 8), and then it crashed.
I've read about fixes and tried the following:
Removed Google Tag manager script, since it was inside an Iframe
Changed CSS styling so that there are no width/height values in
pixels or percents
Added viewport meta tags
Checked that all URL:s are https
Removed target="_blank" from a link on the last page
Changed CSS styling so that positions are absolute
Is there something else that the WebView doesn't support? Where do I find this information or should I just keep guessing? Is there a way to debug the WebView somehow, when it's not my own app's WebView but Facebook's?
Thanks in advance, this is such an annoying problem! Unfortunately this website is the kind that will be published through social media.
So I finally solved this (workaround), with only one line of code. My workaround is to redirect the user to an external browser, when it tries to open in Facebook's or Instagram's In App browser.
I detect if it's FB or Instagram and then run this line of code in the html:
<meta http-equiv="refresh" content="0; url=intent://YOURURL#Intent;scheme=https;action=android.intent.action.VIEW;end;" />
Hope this helps someone, these In App browsers seem to be a real pain!
how have you been?
Here, my new oddest problem showed up today. I have these magnificent inputs with type button, all around my web app, and this app is meant to run perfectly over mozilla firefox. Everything went well until today, that I realized that some buttons are not working well.
They are rendered according CSS rules, and they are not disabled, cause the data is already validated, but when someone tries to submit the info, nothing happens, not even the normal behaviour of the button getting marked with the dotted line around it's inner text.
The workaround: to pinch zoom the button, and then I can click it, but it is really annoying to do, because some unexperienced users have told me it doesn't work, and I end up giving them an introductory course about a lot of functionalities of mozilla ff, they don't even care.
Please help!!!
I'm having problems displaying my club's website, specifically on Android version 4.1 and 4.2's default browser:
http://www.manchesterhandballclub.co.uk/index.html
Everything loads as normal for a split second, before everything in the #maincontent div disappears, except for the Twitter and Facebook widgets on the homepage (/index.html), or the embedded Google Maps on the Training Info page (/training_info.html).
I wondered if there was maybe some sort of z-index issue on load, but there shouldn't be anything overlaying on top of the container div to my knowledge. Here's a preview of what the homepage looks like once the main div disappears:
http://tinypic.com/r/4l1zya/5
I don't have any experience designing for mobile devices, and whilst I do plan to build responsive device-friendly versions eventually, it'd be great if I could get the current site displaying as it does on all other Android versions for now. I'm not sure if there's any version-specific quirks or things I may have missed?
Thanks in advance, and apologies if I've not posted this in the correct way! Tried searching around but can't seem to find any help on the issue currently.
I have a website that I've just created that has a jquery-ui slider bar link removed
The slider bar doesn't seems to work properly on my phone which is an android - it could affect other mobile browsers too.
Is there a way of fixing this?
Thanks
I've just had a look on my phone and it also doesn't work. However, I have noticed in the past that other JavaScript items (on other sites) also don't work, so I don't think it's a specific problem with your site.
In terms of a workaround, you could check the viewer's user agent and display a different selection method if they're on a phone.
I'm working on a mobile version of the chatroom my website (just a website, not an android application), and the first time I loaded that page on my Motorola DROID everything acted as expected:
click on the input field to select it
tap the same field again to open up the keyboard
start typing
auto complete words are suggested gray-on-white right above the keyboard
After a few refreshes of the page step 4 does not happen! There is no white bar above the keyboard, and no suggestions come up.
I cannot figure out what may be causing it, or how to test it. I downloaded Dolphin browser, and the keyboard behaves correctly the first time, but not the following times (just like default).
All suggestions are welcome.
Edit Apr 8:
As requested a link to the website: http://phantasyrpg.com will redirect to http://mobile.phantasyrpg.com -- you will need to register and visit the "Tavern" from the menu on top left.
Edit Apr 10:
I've created a very empty example that has the same issue:
http://mobile.phantasyrpg.com/test-chat.html I'm also noticing this on other pages as long as the URI is the same -- there's this issue. If there's a GET parameter that's different, suggestions come up correctly.
I'm wondering if there's some setting in my Apache that sends some silly or broken header. But I don't know much about headers.
I've had this happen before... that are workarounds when using a WebView, but AFAIK there's no way to fix this in just a plain site. But basically, there's some sort of cache or something that exists in the browser tab. At first (new tab) auto-complete always works for me. After staying on the same domain in the same tab for a while, it all crashes. For me specifically, after this point the number '7' on the keyboard will sometimes make the browser segfault =\
If you look around the net, you will notice countless bugs filed for the issues showing up in almost all major websites. All complaining the auto-complete stops on Android. I'm pretty it's global, and unstoppable.