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
15
votes
2 answers

Input elements on android 4.x can not be styled when focused

Update: There is a fix: -webkit-user-modify: read-write-plaintext-only; Original question: I am trying to boil this down to a simple example: I have a simple input element like this: the style looking…
Daniel Kurka
  • 7,973
  • 2
  • 24
  • 43
15
votes
5 answers

-webkit-overflow-scrolling:touch and 'Tap status bar to scroll to top'

Navigate to this fiddle on an iPhone and notice that even though there is a -webkit-overflow-scrolling:touch declaration, the 'tap to top' feature still works. This was tested on an iPhone 4 running iOS 6.1 and an iPhone 4S running iOS 5.0.1. This…
Bryce
  • 6,440
  • 8
  • 40
  • 64
14
votes
2 answers

@font-face not working in mobile Webkit

I'm having trouble getting @font-face to behave in any mobile Webkit browser I've tested--Safari on an iPhone 3GS, the default Android 2.2 browser, and Dolphin browser on Android. It works in all desktop browsers, from IE7 to IE9, FF3.5, Safari 4,…
bigsweater
  • 498
  • 1
  • 6
  • 19
14
votes
6 answers

Mobile Webkit reflow issue

I've been experiencing an issue in mobile versions of webkit (specifically Webkit 534.46 on iOS 5.1.1 as mobile Safari, and now Chrome for iOS) which doesn't happen on any desktop browser that I've seen. (i.e. the demos below should be viewed on a…
mckamey
  • 17,359
  • 16
  • 83
  • 116
12
votes
4 answers

HTML5 video behavior on mobile devices

I am building a site where I have several
m90
  • 11,434
  • 13
  • 62
  • 112
12
votes
2 answers

DOM-Elements are there but not visible, until some CSS property is changed

I am creating a complex prototype for a Webapp (I am using Cordova to deploy it to my iPhone), and I am having the following problem: DOM-Elements (which are not created using JavaScript but are right there in the static HTML-File) are there (they…
chl
  • 380
  • 3
  • 18
10
votes
5 answers

Mobile Specific Site Development. Where to start?

I'm beginning the process of learning the ins and outs of developing sites for mobile web browsers. Are there any good resources/communities online that discuss mobile specific site development issues? My initial understanding is that to cover…
Andy
  • 101
  • 3
9
votes
1 answer

Is there an Aztec barcode generator library for JavaScript?

I'm looking for an open source image generation script for Aztec (2D) barcodes: I can't seem to find any available scripts out there. There is an Active-X control here that can be used only in IE and an image generator URL here, but these are not…
Steven de Salas
  • 20,944
  • 9
  • 74
  • 82
9
votes
1 answer

iOS safari: (-webkit-)box-shadow on input:focus doesn't work

Safari has some strange behavior towards box-shadow. input[type="text"]{ -webkit-box-shadow: 0 0 8px #000000; box-shadow: 0 0 8px #000000; } input[type="text"]:focus{ outline: none; -webkit-box-shadow: 0 0 8px #ffffff; …
Eliasdx
  • 2,190
  • 2
  • 23
  • 33
9
votes
1 answer

Workaround to iOS 11 WebKit iframe bugs

iOS WebKit iframe bug description iOS WebKit resizes iframes to the full size of their content (see pic below). It's a bug known since 2016 and still not resolved in iOS 11: https://bugs.webkit.org/show_bug.cgi?id=155198 My current findings 1. For…
Krzysztof Przygoda
  • 1,217
  • 1
  • 17
  • 24
8
votes
3 answers

Looking for an alternative for iScroll (Scrolling Div's on iOS/Webkit)

I built a complex forms over data mobile application and am now looking for a solution to persist the position of the title and the footer bar. In my dummy, which has been developed and tested with Chrome and Safari on my desktop, I just positioned…
asp_net
  • 3,567
  • 3
  • 31
  • 58
8
votes
1 answer

Android Browser - Javascript window.innerWidth returns wrong value

I am using the Android G1 default web browser, and I am developing in JavaScript - I have trouble getting the real visual width and height when I zoom in or out on a web page. It seems that I am getting the wrong value out of window.innerWidth, when…
user510468
  • 81
  • 3
8
votes
2 answers

Mobile Safari/Webkit On Window Focus Event

I am wondering if it is possible to get a event when the user switches back to "your" page's window? This could happen either when the user opens a new tab and then switches back to your page's tab or when the user closes safari and then opens it…
joneath
  • 81
  • 1
  • 3
8
votes
0 answers

How can you programmatically increase the localStorage size limit of WKWebView on iOS?

Is there a Objective C interface/programmatic API to WKWebView that allows one to increase the size limit of a domain's localStorage? When I debug the embedded browser the created by the iOS Framework using the script below, I get a DOMException…
8
votes
1 answer

How to enable user select in a readOnly html element on iPad safari?

I have an HTML element in my web page on iPad and it must be read only to prevent users updating the content,using readOnly='readOnly' makes the element unselectable and text content of the element can not be copied at all. is there any way to make…
aomar
  • 500
  • 1
  • 6
  • 23
1
2
3
13 14