CustomTextLayout | # # #

I've encountered a weird behaviour when using a Custom View together with a Navigation Component and a back button.

For user text input, I'm using the Material Design text field (which is a combination of TextInputLayout and TextInputEditText). In order to avoid code duplication, I've created a Custom View - CustomTextField (following this guide) that combines those two views into a single one.

I'm also using Navigation Component to navigate between Fragments in a single Activity.

The problem - in my LoginFragment, I'm using 2 instances of that Custom View to display fields for user input. The weird behaviour happens when I input 2 different values into those text fields, navigate to another Fragment (using the Register button - for now it's just a blank Fragment) and then using a Back button (or gesture) to go back into the LoginFragment. Value (text) of the first text field becomes a duplicate of the second text field.

For example: (screenshots uploaded as links as it's my first question on StackOverflow ever and I'm not allowed to insert them directly to the question)

LoginFragment with 2 different values provided by user

LoginFragment after navigating to another fragment and going back using the button/gesture - first field is now a duplicate of "pass"

In order to troubleshoot the issue, I've reduced the code to minimum but the problem still happens. Here's the code I'm using:

Custom Text Field xml (custom_text_field.xml):