outline textarea not getting skin style


Topic: outline textarea not getting skin style

informatica@fwo.be pro premium asked 10 months 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.


Tomek Makowski staff commented 10 months ago

Hi

It looks like bug indeed. We'll try to repair it soon

Regards


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: jQuery
  • MDB Version: 4.18.0
  • Device: Desktop
  • Browser: Chrome, Firefox
  • OS: Windows
  • Provided sample code: No
  • Provided link: No