Readonly inputs shouldn't be grayed out
Created by: tkrotoff
Bootstrap styles readonly inputs like disabled inputs (since v1.3.0 FYI):
don't do that:
However browsersChrome 90
readonly:
vs disabled:
IE 11
readonly:
vs disabled:
Firefox 88
readonly:
vs disabled:
Safari 13.2.1
readonly:
vs disabled:
Edge 90
readonly:
vs disabled:
GNOME Web 3.36.4
readonly:
vs disabled:
Frameworks that don't style readonly:
(when there is no demo for readonly/readOnly/isReadOnly, I've manually modified another demo to check behavior)
- Material UI
- Bulma
- Ant Design
- Chakra UI
- Blueprint
- Evergreen
- PrimeReact
- Grommet
- Element Plus
- Quasar Framework
- Vuetify
- Materialize
- Skeleton
- Semantic UI
Brands:
- GitHub Primer
- Microsoft Fluent UI
- Altassian Design System AtlasKit
- MongoDB LeafyGreen UI Kit
- Adobe React Spectrum
- Shopify Polaris
- IBM Carbon Design System
Frameworks that style readonly:
- Pure.css
- Foundation (buggy like Bootstrap < 1.3.0)
Considering all this, I suggest that Bootstrap readonly input should not be styled as disabled input.