mobile-safari

Remove textarea inner shadow on Mobile Safari (iPhone)

*爱你&永不变心* 提交于 2019-12-29 02:25:07
问题 By default, it seems Mobile Safari adds the top inner shadow to all input fields, including textarea. Is there a way to remove it? It's especially ugly when you have a white background. 回答1: By adding this css style: -webkit-appearance: none; 回答2: While adding the CSS style -webkit-appearance: none; will work, it gets rid of everything. You may want to try this instead: box-shadow: none !important; This way you keep the down-arrow. 回答3: Here is the easy solution input[type=text] { -webkit

iOS 6 Safari backgrounds missing

核能气质少年 提交于 2019-12-28 16:12:08
问题 I have been digging through the questions and search engines, but likely it is just too early for the answers to have been indexed or found. Anyway, when I was working with one of my projects, suddenly many of the background images stopped showing. This occurred after upgrading to iOS 6 on the iPad. As an example: <td style="background-image:url(https://mysite.com/_itemg_ver1.png); background-repeat:repeat-x; height:24px; width:100px;">Some content</td> It is likely something stupid since not

Is there a way to hide “Back to Safari” from status bar in iOS9?

梦想的初衷 提交于 2019-12-28 14:09:09
问题 How to hide this < Back to Safari from status bar programmatically? I'm getting it in my app – as I'm going out from my app if a user wants to login with their Facebook account. Here's the scenario for which I don't like (want) "Back to Safari" in my app. At first launch of the app (and user not logged in). User choose Login with Facebook option. Facebook iOS SDK comes into the picture, it takes me to the Safari. I logged in and back to the app But, there's "Back to Safari"... It shouldn't be

Can we run firebase realtime listening on ios serviceworker?

余生长醉 提交于 2019-12-28 12:47:03
问题 As of iOS 11.3 there is serviceworker feature supported Even though it has no support for notification. I wonder if it possible to just run any realtime listener, such as firebase database, to receive realtime data and use ServiceWorkerRegistration.showNotification to show local notification instead Is it possible? 回答1: While iOS don't support Web Push notifications yet(as of Apr-2018), all you can do is have an event listener for data from server side(Firebase in your case) and receive that

Webkit animation is leaving junk pixels behind on the screen

白昼怎懂夜的黑 提交于 2019-12-28 11:43:57
问题 The following code puts a white box on the screen. If you run this on an iPad (you can adjust the pixels to run it on an iPhone, too), when you touch the box, it will scoot off the screen, and leave a trail of white-ish pixels along its bottom edge. <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-height, user-scalable=no, maximum-scale=1, minimum-scale=1" /> <title>Line Bug Demo</title> <style>

Adding a header view to a UIWebView similar to Safari and Articles

穿精又带淫゛_ 提交于 2019-12-28 08:09:08
问题 I'd like to add a header view to an UIWebView similar to the address/search bar in MobileSafari and the excellent Articles.app by Sophia Teutschler. More precisely, I'd like to create a "pull to fix orientation" view above a UIWebView, just like in Articles. Articles does use a UIWebView, so it seems to be possible. Is there a way to accomplish this without having to embed the UIWebView into a UIScrollView and updating its size all the time, as described in this article? Apparently, I do need

Problems with Page Cache in iOS 5 Safari when navigating back / unload event not fired

百般思念 提交于 2019-12-28 05:10:16
问题 tl;dr - Safari on iOS 5 is caching so hard, it is breaking my site. I am struggling with the way the Safari browser in iOS 5 deals with back forward cache, which they call "Page Cache". The way it is described here explains the behavior very well. Quite simply, the Page Cache makes it so when you leave a page we “pause” it and when you come back we press “play.” This is causing problems throughout my site. When using the back button, most other browsers will show you the page in the state it

Autoplay audio on mobile safari

会有一股神秘感。 提交于 2019-12-28 02:52:27
问题 Before I get flamed to death, I know this doesn't work currently due to Apple's concern over the terrifying cost to their users of downloading an audio file automatically (nothing to do with them trying to cripple web apps as they don't get their 30% from them). However, my question is: Has anyone found a cunning workaround yet? I just want to play a start up sound on the launch of a game and currently have to wait for the user to click somewhere before I can play the audio. One of you clever

Is there an alternative method to use onbeforeunload in mobile safari?

断了今生、忘了曾经 提交于 2019-12-28 02:01:05
问题 Is there an alternative method to use instead of onbeforeunload in mobile-safari? I've noticed that Google was able to capture the onbeforeunload event in mobile-safari. Has anyone figured out how they are doing so? Google was able to do so using their gmail client. Create a new message... type something in the text area... hit the browser back button. It pops up a warning message. I used an iPad to do my test. 回答1: I would guess that they are using the History API. By listening to popstate

iOS 11 Safari bootstrap modal text area outside of cursor

我的梦境 提交于 2019-12-27 16:39:26
问题 With iOS 11 safari, input textbox cursor are outside of input textbox. We did not get why it is having this problem. As you can see my focused text box is email text input but my cursor is outside of it. This only happens with iOS 11 Safari 回答1: I fixed the issue by adding position:fixed to the body when opening a modal. Hope this will help you. 回答2: Personally, position: fixed scroll to top automatically . Quite annoying ! To avoid penalizing other devices and versions I apply this fix only