e-float-input e-control-wrapper displaying overlapping red underline

[Muqofa Syinagha]

when the display is wide, the red line is overlapping the textbox, but when the display is narrowed, the red line is perfect.

These are my code written below:

 <div class="form-group row">

                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">

                    <div class="e-float-input e-control-wrapper">

                        <input id="inpJabatan" class="input-dataNotNull" type="text" name="inpJabatan" placeholder="contoh: Direktur..." required/>

                        <span class="e-float-line"></span>

                        @Html.Label("Jabatan", "Jabatan", new { @class = "e-float-text e-label-top" })

                    </div>

                </div>

Can you help me so the red line is perfect with the size of textbox input, thankyou

[Sureshkumar P]

Hi Muqofa,

We suspect that in your application you have referred to both material and bootstrap theme to render the component. So we suggest you use any one theme instead of both themes to resolve the issue from your end.

If still, you have faced the same issue, then please attach the issue replicating sample. These details will help us to provide an exact solution as earlier as possible.

Note: If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.

Regards,

Sureshkumar P

[Muqofa Syinagha]

Thankyou, it turns out liked you said, ill learn more about both of them (material theme and bs theme)