Questions tagged [mobile-webkit]

WebKit is an open source web browser engine that powers the pre-installed browsers for Android, iOS, RIM Blackberry, Symbian and WebOS.

Although is relatively popular on the desktop, it positively dominates the mobile browser market. It powers the following browsers and operating systems:

  • Mobile Safari
  • Google Chrome
  • Android default browser (simply called "Browser")
  • BlackBerry 6 browser
  • WebOS operating system
207 questions
7
votes
1 answer

Android/Mobile Webkit CSS Background-Attachment:Fixed Not Working?

Am I just going crazy, or does background-attachment:fixed; really not work in the native Android browser? I already implemented a simple fix by using two divs instead of one... The first div is positioned absolutely and contains the fixed…
delta9
  • 403
  • 1
  • 7
  • 16
7
votes
3 answers

Feasible to build your own WebKit-based UIWebView for iOS?

Apple has (partly) open sourced the WebKit and JavaScriptCore engine they use in iOS: http://www.opensource.apple.com/release/ios-433/ It is already possible to build, use, and ship your own version of JavaScriptCore on iOS. Is it, however, possible…
Johannes Fahrenkrug
  • 42,912
  • 19
  • 126
  • 165
7
votes
2 answers

"-webkit-overflow-scrolling: touch" causing vertical scrolling problems on mobile

I am in the process of making a responsive mobile website. When testing on my phone, I noticed that I couldn't scroll vertically past something that could be scrolled horizontally. Here is an example of what I mean (sorry you can't see the…
Billy McKee
  • 313
  • 1
  • 4
  • 9
6
votes
3 answers

Using Viewport to create a mobile friendly version

I'm working on a site, but I want a mobile friendly version aswell. I'm a newbie to this. Someone suggested I should use the following code, to which I can't find many relating question on here:
Jack Tyler
  • 117
  • 1
  • 2
  • 5
6
votes
1 answer

How restore smooth scrolling after format text in "ios contenteditable element"?

I want edit content inside "contenteditable element" on #ios. In that element is more text. Steps I scroll smoothly to the selected text I touch into element and that open keyboard I touch and select multi lines of text and format it to bold I want…
Bruno
  • 6,623
  • 5
  • 41
  • 47
6
votes
1 answer

Safari animation (keyframes and transform) set wrong positions

I have a weird issue only on Safari (strange? LOL). Doesn't matter if you are on iPhone, iPad or Desktop Mac; Safari makes a wrong calculation positioning a logo, using animation keyframes and transform. The issue is that logo needs to move to his…
Marcos Pérez Gude
  • 21,869
  • 4
  • 38
  • 69
6
votes
1 answer

-webkit-overflow-scrolling breaks absolute positioning

I am building a page that needs to have some elements which stick to the top of the page when they would otherwise be scrolled off the screen. I managed to do this using position:absolute. Everything was working perfectly, but it needed momentum…
kat
  • 5,645
  • 4
  • 19
  • 35
6
votes
6 answers

Sending push notifications in non-native app (web-app)?

This is my first post on the forum, so please educate me if I got the tag, forum or content wrong. I am developing an app targeting iPhone and Android, which is a real-time, location based social network. The app will not be deployed through market…
6
votes
1 answer

Android 2.3 Browser Fails to Render some CSS3 2D Transforms

I'm having trouble getting CSS3 2D Transforms to work in Android 2.3 with any browser that uses the default webkit engine (e.g. default browser, Dolphin HD, Amazon Kindle Fire Silk browser, etc). The Android 2.3 webkit engine does support 2D…
5
votes
1 answer

Native JSON object support on mobile browsers

I want to use JSON.stringify and JSON.parse to do some work on mobile browsers such as mobile safari on iOS and Webkit browsers on android and also the WebView on both platforms. I want to know the compatibility. PS: I tested the functionality on…
jz1108
  • 1,300
  • 1
  • 11
  • 14
5
votes
1 answer

Inline form fields: search box and button in jQuery-Mobile

This is what I am trying to achieve: This is what I get: Please view the JSFiddle of this with web-kit browser (Chrome or Safari): http://jsfiddle.net/KqEqN/ This is happening when you narrow the screen but there's still visibly enough space for…
Ruslan
  • 9,927
  • 15
  • 55
  • 89
5
votes
2 answers

ANDROID WEBKIT: Select elements getting focus events, but not opening!

I have a series of select elements in a form on a mobile site. These select elements are inside a scrolling pane handled through JS and CSS3 transforms, so getting a touch/click/whatever event to register on the selects was enough of a pain in the…
JCL
  • 51
  • 1
  • 3
5
votes
2 answers

webkit overflow scrolling touch conflicts with webkit transform

It seems like applying a webkit-transform property on an element or it's parent that has webkit-over-flowing-scrolling: touch completely breaks the scrolling in that scrolling doesn't work at all. Has anyone experienced this bug and know of a…
5
votes
1 answer

Setting -webkit-perspective blurs ipad3 screen

Setting the webkit perspective CSS property on an iPad3 make child elements render very blurry , like images render if they are for non retina displays. To be clear I am not talking about images rendering blurry, DOM child elements are rendering…
Daniel Kurka
  • 7,973
  • 2
  • 24
  • 43
5
votes
1 answer

OpenLayers latitude inaccurately captured in Webkit Mobile browsers

I am programming a page with a Map where I need to capture the location of the Tap/Click on a map and store the coordinates. I am using OpenLayers js. On desktop browsers (IE/FF/Chrome), this is working fine. On mobile devices, the tap is getting…
Shreeni
  • 3,222
  • 7
  • 27
  • 39
1 2
3
13 14