Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: outline textarea not getting skin style

informatica@fwo.be free asked 4 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.


Tomek Makowski staff commented 4 years ago

Hi

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

Regards



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: 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