Hi there again,

We'll discuss it with our dev team and make the needed changes in one of the next releases. Thanks for Your suggestions.

Best regards

Hi Mikołaj,no, it's about using an entry as a placeholder / label.Labels and placeholder are always greyed out, also in all of your other components.To use a label or component with the select component, it is necessary to use the following parameters

{ text: 'Choose your option', value: null, disabled: true, selected: true },

"Choose your option" is a placeholder / label and is not selectable. Thus it should be greyed out.

Example from the material.io guidelines:

Hi there,

I'm still not sure about that issue.

We do follow the guidelines. Please add the disabled prop globally to the select component. Then the select will become inactive, so it's all greyed out as You want. Isn't it what You're talking about?

Best regards

In our opinion, the styling is correct.

Could you then please explain, why you do not follow the material.io guidelines, as for all the other components? https://material.io/design/components/menus.html#exposed-dropdown-menu (see "Behaviour")

Examples from material.io web components team: https://material-components.github.io/material-components-web-catalog/#/component/select

In addition we would like to know, why all the other placeholders in the input component are greyed out. They follow the same behaviour as the disabled dropdown option mentioned above.

Hi there again,

In our opinion, the styling is correct. Here are the basic assumptions for disabling select:

If You want to disable the input completely use the prop disabled, like this:

<mdb-select disabled :options="disabledOptions" />

To disable each option, use the key disabled with true value in the data array, as in the following example:

basicOptions: [
    { text: 'Choose your option', value: null, disabled: true, selected: true },
    { text: 'Option nr 1', value: 'Option 1' }
]

If You're disabling only the option (even the current option), the select is still active and can't be styled as inactive (grey).

Best regards

Example wrong styling of input field items that are active and deactivated (label).

Hi there,

Could You provide more extensive information or examples? Which components are we talking about?

Best regards