TextInputLayout border gets chopped when it gets refocused and has text-CodePudding

I have started to introduce material design on an existing project. I have a TextInputLayout, however, when it gets refocused and it has text, the border gets chopped. See image

Any ideas what attribute should be changed on either TextInputLayout or Edittext? Thanks

CodePudding user response：

Currently your cursor ballon (bottom) color is white due to which it looks like border cutout so you can either change the color or remove the ballon.

Below attribute can be modified:

<style name="ThemeOverlay.AppTheme.TextInputEditText.Outlined" parent="">
    <item name="colorControlActivated">@color/...</item>

Regarding the primaryColor attribute, you can change the primaryColor of your app here:

<style name="AppTheme" parent="Theme.MaterialComponents.DayNight">
    <item name="colorPrimary">@color/colorPrimary</item>

CodePudding user response：

This is because the cursor marker (don't know the correct name for that thing) is white in your case. I think this color is the accentColor of your app per default.

As documented here