Я пытаюсь создать очень простую форму с angular материалом. Все вертикальные примеры в документации предполагают, что это следует сделать, заключив отдельные mat-form-field s в тег <p></p> или разделив их с помощью тега <br />.
Однако в обоих случаях высота текста подсказки не соблюдается, что означает, что если у нас будет длинный текст подсказки, он будет перекрываться со следующим элементом формы.
Этот пример stackblitz иллюстрирует проблема. Он основан на официальном примере, только с более длинным текстом подсказки, и результат выглядит следующим образом:
Как создать простую вертикаль форма с правильной высотой отдельных полей формы?