sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui-input-controls): Fix iOS Dropdown Scrolling

Browse Source 
Ref: #5505
This commit is contained in:
Nino
2025-11-25 10:26:34 +01:00
parent 5054dd5492
commit 2c39ca05a9
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
libs/ui/input-controls/src/lib/dropdown/dropdown.component.html
View File

@@ -11,6 +11,7 @@
cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop" cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop"
[cdkConnectedOverlayMinWidth]="overlayMinWidth" [cdkConnectedOverlayMinWidth]="overlayMinWidth"
[cdkConnectedOverlayLockPosition]="true" [cdkConnectedOverlayLockPosition]="true"
[cdkConnectedOverlayScrollStrategy]="blockScrollStrategy"
(backdropClick)="close()" (backdropClick)="close()"
(detach)="isOpen.set(false)" (detach)="isOpen.set(false)"
> >

11
libs/ui/input-controls/src/lib/dropdown/dropdown.component.ts
View File

@@ -17,7 +17,11 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
import { NgIconComponent, provideIcons } from '@ng-icons/core'; import { NgIconComponent, provideIcons } from '@ng-icons/core';
import { isaActionChevronUp, isaActionChevronDown } from '@isa/icons'; import { isaActionChevronUp, isaActionChevronDown } from '@isa/icons';
import { ActiveDescendantKeyManager, Highlightable } from '@angular/cdk/a11y'; import { ActiveDescendantKeyManager, Highlightable } from '@angular/cdk/a11y';
import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay'; import {
CdkConnectedOverlay,
CdkOverlayOrigin,
ScrollStrategyOptions,
} from '@angular/cdk/overlay';
import { isEqual } from 'lodash'; import { isEqual } from 'lodash';
import { DropdownAppearance } from './dropdown.types'; import { DropdownAppearance } from './dropdown.types';
import { DropdownService } from './dropdown.service'; import { DropdownService } from './dropdown.service';
@@ -119,6 +123,7 @@ export class DropdownButtonComponent<T>
implements ControlValueAccessor, AfterViewInit implements ControlValueAccessor, AfterViewInit
{ {
#dropdownService = inject(DropdownService); #dropdownService = inject(DropdownService);
#scrollStrategy = inject(ScrollStrategyOptions);
readonly init = signal(false); readonly init = signal(false);
private elementRef = inject(ElementRef); private elementRef = inject(ElementRef);
@@ -127,6 +132,10 @@ export class DropdownButtonComponent<T>
return this.elementRef.nativeElement.offsetWidth; return this.elementRef.nativeElement.offsetWidth;
} }
get blockScrollStrategy() {
return this.#scrollStrategy.block();
}
appearance = input<DropdownAppearance>(DropdownAppearance.AccentOutline); appearance = input<DropdownAppearance>(DropdownAppearance.AccentOutline);
appearanceClass = computed(() => `ui-dropdown__${this.appearance()}`); appearanceClass = computed(() => `ui-dropdown__${this.appearance()}`);