Make long text in select option break lines to see full content.

For unknown reasons, the long text is still truncated with ellipses, which is not consistent with the angular document which says the MDC select should have "Long options now wrap by default instead of truncating". Fix by override the mat-option style. PiperOrigin-RevId: 567391990
tensorflow · Sep 21, 2023 · 73b514f · 73b514f
1 parent 709450e
commit 73b514f
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/frontend/app/styles/common.scss b/frontend/app/styles/common.scss
@@ -63,6 +63,11 @@ mat-form-field {
   margin-top: 16px;
 }
 
+mat-option {
+  // Break word for long text to see full content
+  overflow-wrap: break-word;
+}
+
 @mixin overview-card {
   box-shadow: none !important;
   margin: 8px;