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
276
votes
5 answers

How to flip background image using CSS?

How to flip any background image using CSS? Is it possible? currenty I'm using this arrow image in a background-image of li in css On :visited I need to flip this arrow horizontally. I can do this to make another image of arrow BUT I'm just curious…
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
264
votes
3 answers

CSS submit button weird rendering on iPad/iPhone

I noticed that if I style my buttons with CSS using radius, colors and borders, they look good but in the iphone/ipad/ipod they look terrible...shouldn't be the same rendering as in Safari Desktop??
Francesco
  • 24,839
  • 29
  • 105
  • 152
172
votes
19 answers

Custom bullet symbol for
  • elements in
  • I realize one can specify a custom graphic to be a replacement bullet character, using CSS attribute: list-style-image And then giving it a URL. However, in my case, I just want to use the '+' symbol. I don't want to have to create a graphic for…
    idStar
    • 10,674
    • 9
    • 54
    • 57
    136
    votes
    19 answers

    Is there a real solution to debug cordova apps

    I spent the last two days trying to figure out how to debug an HTML5 app I created using Cordova 3.2 and deployed to an Android 2.3 device. All the articles/posts I've seen provide hacks rather than real solutions :( and most of the time, none of…
    numediaweb
    • 16,362
    • 12
    • 74
    • 110
    124
    votes
    12 answers

    Disabling user selection in UIWebView

    I have an app where I load content to a UIWebView and present this. I cannot disable user interaction completely because I want the user to be able to click links. I just need to disable user selection. I found somewhere in the Internets that you…
    Engin Kurutepe
    • 6,719
    • 3
    • 34
    • 64
    77
    votes
    2 answers

    iPhone iOS will not display box-shadow properly

    The Design The contact form on a responsive design has input fields with both an inset shadow and regular outside shadow. See image below. The Code input { background:#fff; height:auto; padding:8px 8px 7px; width:100%; …
    rebz
    • 2,053
    • 3
    • 16
    • 16
    68
    votes
    12 answers

    Disabling the context menu on long taps on Android

    I would like to disable the context menu that appears after a long tap (touch and hold) on images in my web application. I've seen posts with different ideas how to do it, but none of them seem to work for me. Is there a way to do this on Android…
    Roy Sharon
    • 3,488
    • 4
    • 24
    • 34
    54
    votes
    11 answers

    iPad/iPhone browser crashing when loading images in Javascript

    I'm trying to build an image gallery in Safari that mimics the iPad photo app. It works perfectly, except that once I load more than 6MB or so worth of images either by adding them to the DOM or creating new Image objects, new images either stop…
    Steve Simitzis
    • 954
    • 1
    • 10
    • 16
    40
    votes
    1 answer

    How to make bevel and Embosed effect to button in CSS 3 for web-kit based browsers?

    How to make bevel and Embosed effect to Submit button in CSS 3 ? Like this. Enlarged Image I'm only considering Web-kit based browsers. and I'm not asking about How to give round corner and how to give gradient to button, I'm only asking about…
    Jitendra Vyas
    • 148,487
    • 229
    • 573
    • 852
    36
    votes
    4 answers

    Meta Tag "apple-mobile-web-app-capable" for Android?

    Is there a way to create an Android Web Application like on the iPhone? Using the "apple-mobile-web-app-capable" meta tag in the head element of an HTML page, it informs the Apple iOS that the application can be installed to the users springboard so…
    Zymotik
    • 6,412
    • 3
    • 39
    • 48
    33
    votes
    6 answers

    Javascript date parsing on Iphone

    I'm working on an offline capabable Javascript site that targets mobile devices. One such mobile device is the IPhone. I'm trying to parse a date from our REST API (a member of JSON object). I'm using Date.parse("2010-03-15 10:30:00"); This works…
    Morten
    • 4,507
    • 7
    • 29
    • 31
    23
    votes
    8 answers

    Android Webkit: Absolutely positioned elements don't respect z-index

    Nasty little bug, this one. As illustrated in Android ticket 6721, the Android browser seems to not respect z-index when absolutely positioned elements are laid over the top of or tags. I am desperate for any sort of workaround. Has…
    c_harm
    22
    votes
    6 answers

    iOS5 Images disappear when scrolling with webkit-overflow-scrolling: touch

    I had previously been using iScroll plugin but wanted to drop it for the native behaviour. The initial implementation was using webkit-overflow-scrolling: auto; however I updated this to ... webkit-overflow-scrolling: touch .. to enable the…
    justinavery
    • 2,596
    • 2
    • 19
    • 21
    22
    votes
    2 answers

    HTML5 contenteditable attribute not working properly on iOS7 Mobile Safari

    It seems that the contenteditable attribute (which worked fine on iOS6) has stopped working on iOS7 webkit. Though the browser seems to recognize the field as editable, and brings up the keyboard, any input seems to close it, or it fails to…
    tangential
    • 221
    • 1
    • 2
    • 4
    20
    votes
    6 answers

    iPhone web app - type=text inner shadow issue

    I am trying to disable top inner shadow in input=text field which is applied by default by iPhone. Any ideas how to do this? tried to overwrite -webkit-box-shadow with no success. alt text http://feedsmanagement.com/example.png cheers
    Marcin
    • 5,469
    • 15
    • 55
    • 69
    1
    2 3
    13 14