mobile-webkit

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 <a> or <input> tags. I am desperate for any sort of workaround. Has anybody conquered this one before? Thanks in advance! ...

HTML5 enabled browser for Windows Mobile 6

I did some research on Google but I couldn't find any HTML5 browser for Windows Mobile 6. The main resource I'm looking for in HTML5 is WebDatabase and/or localStorage. With a little research I found Iris (http://www.freewarepocketpc.net/ppc-download-iris-browser.html), a Webkit based browser with some HTML5 features, but localStorage a...

Webkit debugging tools

Hi, What tools can I use to debug mobile webkit sites? Is there a better tool than "Firebug for iPhone" or is "Firebug for iPhone" pretty much the best tool out there? Thanks, Tee ...

iPhone web app - type=text inner shadow issue

Hi Guys, 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. cheers ...

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 different phones you need to build one site that is enabled for browsers with the webkit engi...

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 loading or the browser crashes. This problem is widespread enough (with everyone else hitting...

Selecting an item on Android web browser

Hi, When I tap (click) a link (or any selectable item) in a web page on Android web browser, the link/item is being highlighted (a thin orange line is draw around the selected item). Does anyone know whether this behavior can be eliminate and how. Thanks in advanced, Oded ...

Tapping an image on Android web browser

Hi, When I tap (click) an image in a web page on Android web browser, sometimes when the tap is lasting (for more then a second) I am getting the browser drop down menu (same as you get when you right click an image on your PC web browser) asking the end user to choose whether to save the image. Does anyone know whether this behavior ca...

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 via HTML/CSS/Javascript? ...

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

Hi all, 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 first place. However, I'm now finding, on android only, that even though the selec...

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 again. I want to be able to update content on the page once I get this event. I am using a ...

Hooking into browser rotation

I'd like to execute some JavaScript code when the mobile phone is rotated. I'm using jQuery. Is there a custom hook I can use with mobile browsers? One way I can think of is hooking into the change of the viewport size, and checking if the height/width ratio has changed. Is there an API method that I could use instead? ...

Font size relative to parent box height

I have block level elements with its height property set in %. Inside these block level elements are <span>s with text. Example: <body style="height: 100%;"> <menu style="height: 10%;"> <button style="display: block; height: 100%;"> <span style="font-size: 4em; line-height: 200%;">text</span> </button> ...

ipad memory issue loading images in UIWebView

Hi, I've got an issue similar to this one: http://stackoverflow.com/questions/2986039/ipad-iphone-browser-crashing-when-loading-images-in-javascript ... but I'd like to clarify that my issue is caused by the same memory issue, and if so, what I can do about it. I understand the proposed workaround of loading "tiny.gif" images for img ...

Link anchors working only once in iPhone's browser

Hi, I'm making a mobile interface for my web app, and I'm trying to use anchor links to make navigation easier. My code is similar to this: <a href="#section2">Jump to section 2</a> ... lots of stuff here ... <h2 id="section2">Section 2</h2> The problem is that the link works only once. So if a user, using his iPhone, taps that link ...