phonegap/phonegap-wp7 — Issue #26: Windows Phone 7 Browser - Turn off the gray shading when links are clicked
Author: ColinEberhardt
Created: 2011-10-13 08:34:49+00:00
State: open

This is not strictly a PhoneGap issue, rather, it is a feature of the WP7 browser that seriously hampers the use of PhoneGap for WP7 applications.

With the Windows Phone 7 Browser, when the user clicks a link, it is shaded with a gray rectangle for approximately 0.5 seconds. This is fine in generally, however, if you have dynamic page behaviour, for example, clicking a link updates the DOM so that the link is no longer visible, the opaque gray rectangle lingers on the screen after the link itself has gone.

This looks pretty horrible!

I have raised this question on stackoverflow
http://stackoverflow.com/questions/6378008/windows-phone-7-browser-turn-off-the-gray-shading-when-links-are-clicked

It would be great if the WP7-PhoneGap team could work with Microsoft IE9 team to resolve this.

To see this action, see the video in this blogpost (at ~18 seconds)
http://www.scottlogic.co.uk/blog/colin/2011/09/developing-windows-phone-7-html5-apps-with-phonegap/

The grey-shading of links destroys the 'illusion' that this is a native application!

With webkit browsers this can be turned off by the following CSS;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

Thanks! Colin E.