Dropdown list when disabled is darker than all the other components

[Ben Junior]

In a Blazor Server project, when SfDropDownList has Enabled="false", it appears darker than other disabled components. Is this expected behavior, or is there a way to make it match the others?

<SfDialog CssClass="">

    <DialogTemplates>

        <Content>

            <EditForm Model="@model" OnSubmit="OnFormSubmit">

                <DataAnnotationsValidator />

                <!-- This control appears darker than all other ones in the form -->

                <SfDropDownList @bind-Value="@model.LocOut" DataSource="LocationList" TValue="string" TItem="TextValue" CssClass="e-small me-2" Enabled="@false">

                    <DropDownListFieldSettings Value="Text" Text="Text" />

                    <DropDownListEvents TValue="string" TItem="TextValue" ValueChange="userInput.DropDownListValueChanged" />

                </SfDropDownList>

                <SfTextBox Value="@CarRentalService.RaFile.StartDate.ToString()" CssClass="e-small" Enabled="false" />

                <SfNumericTextBox @bind-Value="@model.MileageOut" Format="######" TValue="int?" Min="0" ShowSpinButton="false" CssClass="e-small" Enabled="false" />

            </EditForm>

        </Content>

    </DialogTemplates>

</SfDialog>



[Kundurthi Naga Siddartha Kundurthi Vennela Prasad]

Hi Ben Junior,

 

Thank you for sharing the details and code snippet with us. Based on the information provided, we created a sample using your code and tested it with the dark theme. Unfortunately, we were not able to reproduce the scenario you mentioned where the disabled DropDownList appears darker than the other disabled components.

 

For your reference, we have included both a runnable sample and a GIF demonstration below:

Sample: https://blazorplayground.syncfusion.com/rjVyWBMxeVLZAGxC

 

GIF:

 

To help us investigate further, could you please check whether the issue occurs in your local setup and provide the following details:

• A minimal sample that reproduces the issue
• The exact steps to replicate the problem
• A video illustrating the behavior you are experiencing

 

 

[Ben Junior]

Hi,

I found the issue — it was actually the other way around. The other controls appeared lighter because of a custom CSS rule.

Thank you for providing the sample; it helped me pinpoint the problem.

Best regards,
Ben

[Shereen Shajahan]

Hi Ben

Glad to know the issue has been resolved. Please get back to us for assistance in the future.

Regards,

Shereen