0

I have a demo application in angular, where we have a date range picker with mat label. Adding long text to mat label is geting text overflow. Adding overflow hidden doesn't work.

https://stackblitz.com/edit/muzdwo?file=src%2Fapp%2Fdatepicker-overview-example.html,package.json

Help appreciated!

Pradeep
  • 1,192
  • 2
  • 12
  • 30

1 Answers1

0

It is a bug in Angular on this version. The bug is presented here. To have a fix for the problem just add into styles.scss:

.mat-mdc-floating-label {
    max-width: 100%;
}
D A
  • 1,724
  • 1
  • 8
  • 19
  • When you click the input box on the date range, it has enough room to display the full text but still puts .... at the end – Pradeep Jun 14 '23 at 15:29
  • you can click in the example in here https://stackblitz.com/edit/muzdwo?file=src%2Fapp%2Fdatepicker-overview-example.html,src%2Fstyles.scss – Pradeep Jun 14 '23 at 15:32