Fix #248 - added [title] tooltips on all mat-select options

src/app/components/app-setup/app-setup.component.html

@@ -75,7 +75,7 @@
         <!-- langue -->
         <mat-form-field>
             <mat-select [placeholder]="uitextLanguage" [(value)]="currentLanguageCode" data-testid="language-select">
-                <mat-option *ngFor="let l of availableLanguages | keyvalue" [value]="l.key">
+                <mat-option *ngFor="let l of availableLanguages | keyvalue" [value]="l.key" [title]="l.value">
                     {{ l.value }}
                 </mat-option>
             </mat-select>

src/app/components/dialog-edit-pab/dialog-edit-pab.component.html

@@ -12,7 +12,7 @@
     <!-- champ à modifier -->
     <mat-form-field class="select-form-field">
       <mat-select [placeholder]="uitextVariable" [(value)]="variable">
-          <mat-option *ngFor="let v of availableVariables" [value]="v.value">
+          <mat-option *ngFor="let v of availableVariables" [value]="v.value" [title]="v.label">
               {{ v.label }}
           </mat-option>
       </mat-select>

src/app/components/dialog-edit-param-values/dialog-edit-param-values.component.html

@@ -103,7 +103,7 @@
     <mat-form-field>
       <mat-select [placeholder]="uitextExtensionStrategy" [(value)]="selectedExtensionStrategy"
         data-testid="variable-extension-strategy-select">
-          <mat-option *ngFor="let e of extensionStrategies" [value]="e.value">
+          <mat-option *ngFor="let e of extensionStrategies" [value]="e.value" [title]="e.label">
               {{ e.label }}
           </mat-option>
       </mat-select>

src/app/components/generic-select/generic-select.component.html

 <mat-form-field>
     <mat-select [id]="selectId" [placeholder]="label" [(value)]="selectedValue">
-        <mat-option *ngFor="let e of entries" [value]="e">
+        <mat-option *ngFor="let e of entries" [value]="e" [title]="entryLabel(e)">
             {{ entryLabel(e) }}
         </mat-option>
     </mat-select>

src/app/components/pab-results/pab-variable-results-selector.component.html

@@ -2,7 +2,7 @@
     <div fxFlex="1 1 100%">
         <mat-form-field>
             <mat-select id="pab-variating-element" [placeholder]="label" [(value)]="selectedValue">
-                <mat-option *ngFor="let e of entries" [value]="e">
+                <mat-option *ngFor="let e of entries" [value]="e" [title]="entryLabel(e)">
                     {{ entryLabel(e) }}
                 </mat-option>
             </mat-select>

src/app/components/pab-table/pab-table.component.html

@@ -89,7 +89,7 @@
                     <mat-select #selectWidget *ngIf="isSelect(cell)" [value]="cell.modelValue"
                       (selectionChange)="loiDebitSelected($event, cell)">
 
-                        <mat-option *ngFor="let opt of cell.options" [value]="opt.value">
+                        <mat-option *ngFor="let opt of cell.options" [value]="opt.value" [title]="opt.label">
                             {{ opt.label }}
                         </mat-option>
                     </mat-select>

src/app/components/param-link/param-link.component.html

 <mat-form-field>
     <mat-select [id]="selectId" [name]="selectId" [placeholder]="param.title"
         [(ngModel)]="currentLinkedParam" required>
-        <mat-option *ngFor="let e of linkableParams" [value]="e">
+        <mat-option *ngFor="let e of linkableParams" [value]="e" [title]="selectItemLabel(e)">
             {{ selectItemLabel(e) }}
         </mat-option>
     </mat-select>

src/app/components/param-link/param-link.component.scss

@@ -32,6 +32,14 @@
         }
     }
 
+    /* ::ng-deep .mat-select-panel mat-option.mat-option {
+        height: unset;
+    }
+      
+    ::ng-deep .mat-option-text.mat-option-text {
+        white-space: normal;
+    } */
+
     .status-icons-container {
         position: absolute;
         top: -8px;

src/app/components/results-graph/results-graph.component.html

@@ -26,7 +26,7 @@
 <div class="select-x-y-axis" fxLayout="row wrap" fxLayoutAlign="space-between start">
     <mat-form-field fxFlex.gt-xs="1 0 auto" fxFlex.lt-sm="1 0 100%">
         <mat-select id="selectX" [placeholder]="uitextSelectX" [(value)]="chartX">
-            <mat-option *ngFor="let x of availableChartAxis" [value]="x">
+            <mat-option *ngFor="let x of availableChartAxis" [value]="x" [title]="getChartAxisLabel(x)">
                 {{ getChartAxisLabel(x) }}
             </mat-option>
         </mat-select>
@@ -35,7 +35,7 @@
     <div fxHide.xs fxFlex.gt-xs="0 0 16px"></div>
 
     <mat-form-field fxFlex.gt-xs="1 0 auto" fxFlex.lt-sm="1 0 100%">
-        <mat-select id="selectY" [placeholder]="uitextSelectY" [(value)]="chartY">
+        <mat-select id="selectY" [placeholder]="uitextSelectY" [(value)]="chartY" [title]="getChartAxisLabel(y)">
             <mat-option *ngFor="let y of availableChartAxis" [value]="y">
                 {{ getChartAxisLabel(y) }}
             </mat-option>

src/app/components/select-model-field-line/select-model-field-line.component.html

@@ -5,7 +5,7 @@
         
         <mat-form-field>
             <mat-select [id]="selectId" [name]="selectId" [placeholder]="label" [(value)]="selectedValue" required>
-                <mat-option *ngFor="let e of entries" [value]="e">
+                <mat-option *ngFor="let e of entries" [value]="e" [title]="selectItemLabel(e)">
                     {{ selectItemLabel(e) }}
                 </mat-option>
             </mat-select>