Topic: outline textarea not getting skin style
informatica@fwo.be asked 5 years ago
Expected behavior
The skin-accent value should be applied to border-/label-color.
Actual behavior
The skin-accent is applied to all other input fields except the textarea.
Resources (screenshots, code snippets etc.)
In the devtools of chrome I see the skin color not being applied because the selector isn't specific enough.
This is the selector that is passing the current style, this is defined in _forms.scss
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search-md"], input[type="search"], textarea.md-textarea
This is the selector defined in _skins.scss
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search-md"], input[type="search"], textarea
Possible solution
What I found out to be the problem is that the _skins.scss selector is missing the ".md-textarea" selector, making the original _forms.scss selector more specific and overrule the skin.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.18.0
- Device: Desktop
- Browser: Chrome, Firefox
- OS: Windows
- Provided sample code: No
- Provided link: No
Tomek Makowski staff commented 5 years ago
Hi
It looks like bug indeed. We'll try to repair it soon
Regards