, если вы хотите, например, левый столбец (высота 100%) и контент (высота авто), вы можете использовать абсолютное значение:
#left_column {
float:left;
position: absolute;
max-height:100%;
height:auto !important;
height: 100%;
overflow: hidden;
width : 180px; /* for example */
}
#left_column div {
height: 2000px;
}
#right_column {
float:left;
height:100%;
margin-left : 180px; /* left column's width */
}
в html:
<div id="content">
<div id="left_column">
my navigation content
<div></div>
</div>
<div id="right_column">
my content
</div>
</div>
Кажется, что ваши элементы управления формой связаны со свойствами объекта UserModel, испускаемого объектом BehaviorSubject. Таким образом, изменение значения в элементе управления изменит пользователя. И поскольку у вас есть BehaviorSubject, при следующей подписке вы получите точно такой же объект userModel с его измененными свойствами.
Если вы не хотите, чтобы форма изменяла UserObject, хранящийся в BehaviorSubject, сделайте рекурсивную копию объекта и свяжите свойства этой копии в форме.