Add scrollLeft on input leave and adjust padding

puzzle · May 24, 2024 · bfb1157 · bfb1157
1 parent c3f2920
commit bfb1157
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html
@@ -78,6 +78,7 @@
               [matAutocomplete]="auto"
               (input)="filter()"
               (focus)="filter(); input.select()"
+              (focusout)="scrollLeft()"
               [value]="displayedValue"
             />
             <mat-autocomplete requireSelection #auto="matAutocomplete" [displayWith]="displayWith">

diff --git a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.scss b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.scss
@@ -39,7 +39,7 @@
 
 .alignment-input {
   border: solid 1px #909090;
-  padding: 0.44rem 0.625rem 0.375rem 0.625rem;
+  padding: 0.44rem 0.625rem 0.375rem 0.625rem !important;
   cursor: pointer;
   height: 1.18rem;
   box-sizing: content-box;

diff --git a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.ts b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.ts
@@ -360,5 +360,9 @@ export class ObjectiveFormComponent implements OnInit {
     }
   }
 
+  scrollLeft() {
+    this.input.nativeElement.scrollLeft = 0;
+  }
+
   protected readonly getQuarterLabel = getQuarterLabel;
 }