fix: dropdown position and datepicker size 🚑 (#1367)

* fix: dropdown position 🚑

* fix: datepicker size 🚑

Author: iurynogueira

projects/ion/src/lib/dropdown/dropdown.component.scss

@@ -20,7 +20,6 @@
 }
 
 .container-options {
-  position: absolute;
   z-index: $zIndexLow;
   display: flex;
   flex-direction: column;

projects/ion/src/lib/dropdown/dropdown.component.ts

@@ -161,7 +161,9 @@ export class IonDropdownComponent implements AfterViewInit, OnDestroy {
 
     this.overlayRef = this.overlay.create({
       positionStrategy,
-      scrollStrategy: this.overlay.scrollStrategies.reposition(),
+      scrollStrategy: this.overlay.scrollStrategies.reposition({
+        autoClose: true,
+      }),
       hasBackdrop: false,
     });
 

projects/ion/src/lib/modal/modal.component.html

@@ -54,7 +54,7 @@ <h4 data-testid="modalTitle">{{ configuration().title }}</h4>
     />
   }
 
-  <div class="modal-body">
+  <div class="modal-body" cdkScrollable>
     <ng-template #modalBody />
   </div>
 

projects/ion/src/lib/modal/modal.component.ts

@@ -15,6 +15,7 @@ import {
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
+import { ScrollingModule } from '@angular/cdk/scrolling';
 import { generateIDs } from '../utils';
 import { IonModalConfiguration, IonModalResponse } from '../core/types/modal';
 import { IonButtonComponent } from '../button/button.component';
@@ -43,7 +44,7 @@ const defaultModal: IonModalConfiguration = {
 @Component({
   selector: 'ion-modal',
   standalone: true,
-  imports: [CommonModule, IonButtonComponent, IonAlertComponent, IonIconComponent],
+  imports: [CommonModule, IonButtonComponent, IonAlertComponent, IonIconComponent, ScrollingModule],
   templateUrl: './modal.component.html',
   styleUrls: ['./modal.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,

projects/ion/src/lib/picker/date-picker/date-picker-input/date-picker-input.component.scss

@@ -1,7 +1,7 @@
 .container-input {
-  max-width: 200px;
+  width: 100%;
 
   &.range {
-    max-width: 238px;
+    width: 100%;
   }
 }

projects/ion/src/lib/picker/date-picker/date-picker.component.scss

@@ -5,7 +5,8 @@
 
 :host {
   position: relative;
-  display: inline-block;
+  display: block;
+  width: 100%;
 }
 
 * {