mobile-safari

How to stop mobile safari from setting fixed positions to absolute on input focus?

由 陌路散爱 提交于 2019-12-30 08:29:23
问题 Disclaimer - I understand there exists questions around fixed elements in safari, and fixed elements weren't supported, but now are and so forth. However I can't find a question that addresses this exact question. Given the simplest of fixed sidebars, something like: .sidebar { position: fixed; top: 10px; right: 10px; } And a relatively long page, with input elements. When an input element is focused, any fixed element becomes absolute - I understand the why, safari is trying to declutter the

Website javascript not running on iphone (safari)

由 被刻印的时光 ゝ 提交于 2019-12-30 08:25:21
问题 I do not have a specific block of code to post here, my website includes a fair bit of javascript/jquery which works great on android and modern desktop browsers (including Safari). However when I look at the site through an iphone none of the javascript is running. Site is www.alexchapman.co.uk, I have checked that js is enabled on the iphone and I am not getting any error messages on the phone. The site is a bit slow so I am connecting to the site on the iphone via a wi-fi connection. My

HTML5 date field and placeholder text in Safari

由 爱⌒轻易说出口 提交于 2019-12-30 08:14:48
问题 I've got an issue, but I'm not sure if it's something I'm doing wrong, or if this feature just isn't supported yet. Basically I have the following lines of code: <input type="text" name="lastname" id="lastname" value="" placeholder="Last name" /> <input type="date" name="dob" id="dob" value="" placeholder="Date of birth" /> I've tested this on the desktop version of Safari and all good, but when I test it on the iPad, the second input doesn't show the placeholder text. Does anyone know if

Can I change the viewport meta tag in mobile safari on the fly?

由 廉价感情. 提交于 2019-12-30 02:08:09
问题 I have an AJAX app built for mobile Safari browser that needs to display different types of content. For some content, I need user-scalable=1 and for other ones, I need user-scalable=0 . Is there a way to modify the value of the content attribute without refreshing the page? <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 回答1: I realize this is a little old, but, yes it can be done. Some javascript to get you started: viewport =

What is Mobile Safari's custom URL Scheme? [duplicate]

由 纵然是瞬间 提交于 2019-12-30 01:37:08
问题 This question already has answers here : Open Mobile Safari from a Link in a WebView (5 answers) Closed 4 years ago . iOS URL Schemes allow web sites to launch apps like so: twitter://timeline launches Twitter googlechrome://google.com launches Chrome fb://root launches Facebook ______________ launches Safari? (not http:// , since Safari won't launch from UIWebView ) What custom url scheme triggers Safari to launch (even from within another app's UIWebView )? To clarify, I'm not looking for [

IFrame not working in Safari

由 自古美人都是妖i 提交于 2019-12-29 08:49:10
问题 I have an iframe in my web page. It works fine in FF and Chrome but not in Safari (I'm using Safari 6.0) This is my code: <html> <head> <title>Pengower</title> </head> <body> <div id="container"> <iframe name="news" id="news" src="http://www.penapplications.net/ImogenApps/?Pengower:CRM:Pengower_News"> </iframe> </div><!--end container div--> </body> </html> Funny thing is that, if I access the src url and then access the iframe page, then the iframe shows the content properly, but if I just

Is there a workaround for bug in Mobile Safari: Pinch to Zoom results in random scrolling blockage?

由 爷，独闯天下 提交于 2019-12-29 06:28:13
问题 I have an image in a scrolling div : <div style=" width:600px;height:400px; overflow:scroll; position:relative; top:0;left:0; -webkit-overflow-scrolling: touch;"> <img src=image.jpg width=2000 height=2000> </div> It works everywhere as expected, except that on iOS (8.1.3), when I zoom in using my fingers, the DIV stops scrolling correctly . One can still scroll to a certain point, but i t is impossible to view the entire image except when it's barely zoomed at all. I have tried hundreds of

iOS 8 Safari - Can't scroll element's content when page is zoomed

由 对着背影说爱祢 提交于 2019-12-29 06:25:30
问题 This issue happens only in iOS 8 (8.1 to be exact). It does not reproduce in iOS 7. The use-case: Scrolling inside an element with scrollable (long) content. If the page is not zoomed-in - it works as expected. When you zoom-in the page - it stops working, the page is scrolled instead (as if you reached the end of the scrollable content). The effect is continuous: the higher the zoom - it's less possible to scroll the content. Test page: here Open the link in your iOS 8 Safari - see that the

How does jquery mobile hide mobile safari's addressbar?

由 ＊爱你＆永不变心＊ 提交于 2019-12-29 04:20:06
问题 How does jQuery mobile hide mobile safari's addressbar? I think I need a similar solution, but i don't want to use jQuery mobile ... I tried: http://davidwalsh.name/hide-address-bar but that doesn't work in my case. My first child of the body is an absolute positioned div with -webkit-overflow-scrolling: touch ; The -webkit-overflow-scrolling property seems to cause this problem, without that property it works fine. Part of this problem is the address bar always stays in foreground, even if I

Alert, confirm, and prompt not working after using History API on Safari, iOS

由 生来就可爱ヽ(ⅴ＜●) 提交于 2019-12-29 03:32:10
问题 After calling history.pushState in Safari on iOS, it's no longer possible to use alert() , confirm() or prompt() , when using the browser back button to change back. Is this an iOS bug? Are there any known workarounds? Simple example to reproduce this behavior: <html> <body> <ul> <li>Step 1: <button onclick="alert(Math.random())">Confirm Alert is working</button></li> <li>Step 2: <button onclick="history.pushState(null, null, '/debug/'+Math.random());">Change History</button></li> <li>Step 3:
订阅 mobile-safari