winjs/winstrap

The readonly state does not have specific styling for :focus for text input

Quenty opened this issue · 0 comments

The readonly state in winstrap is not supported by winstrap text inputs in a user friendly way.

While it is partially supported because bootstrap has it, mousing over/selecting text results in interactions that do not make it clear the field is readonly.

Current readonly state:
image

Focused readonly state:
image

This is very similar to the active state of an editable field, making it unclear if the field can be edited. This is in difference to the field in the bootstrap css readonly, which continues to maintain clarity.

Expected behavior is that the background remains grayed out, and preferably, the text in the actual readonly field is more gray than the provider field.