Mobile Safari sees a flash of <input type=range> on page load

[jdelStrother]

Heya,

When I visit a modernizr-enabled page in Mobile Safari on iPhone 4.2, there's a brief flash of a textfield containing '50' at the top of the page, which is the result of an <input type=range> being inserted into the page (

Modernizr/modernizr.js

Line 763 in 17085bf

docElement.appendChild(inputElem);

)

Can this be avoided, or perhaps just styled to appear outside the page?

-Jonathan

[paulirish]

i guess you have good eyes. :)

yeah we can position it offscreen or visibility:hidden it. thx.

[jdelStrother]

I was debugging something by reloading a page on my phone over and over...and over again, and it kinda caught my eye :)
It seems more visible if you scroll down a few pixels before hitting the refresh button, for some reason.

[paulirish]

inputtypes fixup. Address Opera 11 type=color bug. Visually hide the type=range
Cache the inputElemType for speed.

I hope to remove the extra Opera handling when 11.10 comes out.

Closed by be9c058
Closed by be9c058

[shetc]

Is this issue resolved? I had to remove v1.6 from a project because the 50 flashing on the screen.

Thanks,
Steve

[paulirish]

Yes. it has been resolved. you can use the modernizr.js here or use the new builder:

http://modernizr.github.com/Modernizr/2.0-beta/

[shetc]

Thanks Paul!