I have found a very strange issue that seems to only affect iPhones/touch devices using the Safari browser.
When you load any page of our website, e.g. http://199.119.123.135/surety-bonds/commercial-bonds/auto_dealer_bond.htm, tapping anywhere on the page brings up the keyboard as if it's detecting a text field.
I've done a lot of research but couldn't find anything on the subject or how to fix it. Anyone have ideas? Thanks!
Related
I'm using Font Awesome 5 Free via a kit. On desktop, the icons work perfectly. But on mobile (iOS chrome (normal and incognito), iOS firefox focus, iOS safari), they behave like Schrödinger's cats...
On first page load, the icons appear. Tap reload and they disappear and are replaced by small squares. Tap reload again and they reappear. Every other tap of reload shows or hides the icons.
I notice the same behavior if I toggle back and forth between "request desktop site" and "request mobile site". (I'm not sure what's really going on under the hood there since the page renders the same either way.)
Since they do appear correctly, at least part of the time, I don't think it's a cross-origin problem or a caching problem.
An example page is here: https://onlinesafetyzone.com/learn/learning-zone.php
I've read many posts, here and on GitHub and none of the solutions has worked. Anyone have a clue what's going on?
It seems you have somekind of a XSS issue. I would try to download the fontawsome resources and deploy them with the application. Can be that they have a CDN problem, every second time the fonts break :| so maybe one of the nodes is flipping.
I have one problem with my web site, if i open the website from any android device, everything is fine and the page work normal. But if i open the web site from my iPhone or any other iPhone (didn't try with other ios devices) i see the webpage, but i can't click anywhere. Can't click on links, button, input fields, images, can't select text or any other content in the page. It's like the page is one big image and can't do nothing there. I try with different browsers (safari, mozilla, chrome) from the iPhone and it's all the same. I don't know what to search exactly... If you need HTML or CSS code i can give you, but i have no idea where to start looking/fixing this problem or what cause it.
The site in question is thegreengoddessboutique.com
On the site in Chrome, text is not displaying on first load (or after ctrl 5).
If I open the console with inspect element, and interact with html tab at all though, the text displays.
The other browsers have no issues and I cannot think of any javascript that would be causing this issue.
Does anybody have a hint as to what the trouble could be?
I'm developping a mobile web application and this bug appears when I want to focus an input by taping on it. If the keyboard goes upper than the input, I cannot scroll down my screen to see the input, and if I type something, nothing appears in the field.
I have to go to another field by using the arrows on the keyboard, and then go back.
Anyone knows a way to fix that?
I'm using the latest version of Twitter Bootstrap, Spinejs, safari, ios7.
Thanks!
I've found the solution in this stackoverflow post, it's a safari bug on ios7: Issue with iOS 7 Mobile Safari Scroll Events on Keyboard Up and Down
Mine is something of a newbie question which I'm hoping someone can shed some light on.
I have a table of contents on my page, with titles which link to sections further down the page.
the targets are created like this;
<a name='appendix'>Appendix</a>
and the links are created like this;
<a href='#appendix'>Jump to Appendix</a>
Now when you tap on the link in iphone safari, it takes you straight there no problem. However if you scroll back to the top, to the ToC, and tap the same link again, the browser does nothing.
Looking at the url I can see #appendix on the end and I assume that tapping the link again, the iphone believes its already at that link, since the url already has #whatever on the end.
Normally I'd be happy to leave it that, but the iPad, Android and Blackberry all behave as I'd expect, ie no matter where you are on the page or whether you'd tapped on the same link previously, they jump to the target section.
One thing I'm thinking about trying is embedding the whole page in a frameset so its url never changes, although being a noob I've no idea whether that'll even work.
Has anyone come across this before? Any ideas?
Thanks
This appears to be an issue with iOS not you. If it has been working on all other devices I am afraid there is nothing you can do except report it to Apple. However, has your iPhone been acting crashy lately, and have you tried it on other iPhones?