Web and WebWorks Development

[noone77]

Hi,

does anyone know what to do here?

all 

input type="text|password"... fields get always a black background when jquerymobile is used on Blackberry OS 6.

You can easily try, take any BB 6 simulator and open this URL:

http://jquerymobile.com/demos/1.1.1/docs/forms/textinputs/

All text input fields look fine, until you put the focus in. Then the next cannot be read anymore until you remove the focus again. You can still type, but without seeing what you type, this is not really useful.

jquerymobile adds the class ui-focus to it that adds additional box-shadows. Event if I empty the class in the css it doesn't help. Other text fields look okay, as long as they don't use jquerymobile...

On OS 7 it works fine.

Does anyone know how to fix that?

[astanley]

I'm not seeing the same results.  Can you do the following configuration change and trying again?

1) Open the View menu in the BlackBerry simulator

2) Select Graphics Acceleration --> Off

[noone77]

Thanks for your fast answer.

Unfortunately it didn't work for me with the 9700 simulator.

I now disabled setting the css class in jquery mobile as a work around. And hopefully there will be a fix in the next jquerymobile version

[kevinbusch]

Which jquery mobile ui styles did you overwrite to remove the blackout behavior?

[kevinbusch]

Found the problem... apparently blackberry doesn't support/handle the outline css property.  You can fix this by commenting out the outline:0 declaration for the text input in the jquery mobile structure style sheet.