Blue border miss-aligned styling on Input controls

[Ditchford]

Hello

I am finding that all of my input controls have a miss-aligned (blue) border when setup like below.  I have attached an example.  If you click in the control you will see the problem.

 <SfTextBox Multiline="true" id="selected-search-description" CssClass="e-outline" @bind-Value="@Test" Placeholder="Description" FloatLabelType="@FloatLabelType.Auto"></SfTextBox>

Attachment: SyncfusionTroubleshoot_106f01d3.zip

[Sevvandhi Nagulan]

Hi Richard, 

Greetings from Syncfusion support. 

We checked your query. The cause for the reported issue is that, you have referred the both material and bootstrap4 theme in the Host.cshtml file. So we suggest you to remove the bootstrap theme which referred in the sample. Please refer the below code. 

[_Host.cshtml] 

 

 

    <meta charset="utf-8" /> 

    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

    <title>SyncfusionTroubleshoottitle> 

    <base rel='nofollow' href="~/" /> 

    <link rel="stylesheet" rel='nofollow' href="css/bootstrap/bootstrap.min.css" /> 

    <link rel='nofollow' href="css/site.css" rel="stylesheet" /> 

    <link rel='nofollow' href="SyncfusionTroubleshoot.styles.css" rel="stylesheet" /> 

    <link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap4.css" rel="stylesheet" /> 

    @**@ 

    <link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/material.css" rel="stylesheet" /> 

    <link rel='nofollow' href="css/theme-studio-material.css" rel="stylesheet" /> 

 

 

Remove the above highlighted code in the application. 

 

Please find the modified sample below. 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionTroubleshoot-1814551506

 

Please check the above sample and get back to us if you need further assistance. 

Regards, 

Sevvandhi N 

[Ditchford]

Hello Sevvandhi

Of course!...thank you, that works.

Regards

[Sevvandhi Nagulan]

Hi Richard, 

Thanks for the update. Let us know if you need further assistance. 

                                    

Regards, 

Sevvandhi N