winjs / winstrap

The official Bootstrap theme for Microsoft's Modern design language
http://winstrap.azurewebsites.net
Other
532 stars 122 forks source link

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

Open Quenty opened 6 years ago

Quenty commented 6 years ago

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.