Skip to content
Snippets Groups Projects
Commit 88fc3e07 authored by Florent Poittevin's avatar Florent Poittevin
Browse files

style: fix width single searchable select

parent 6b006aaf
No related branches found
No related tags found
No related merge requests found
...@@ -18,6 +18,7 @@ $min-height-result: $height-overlay/2 + $height-input; ...@@ -18,6 +18,7 @@ $min-height-result: $height-overlay/2 + $height-input;
//min-width: calc(100% + 32px); //min-width: calc(100% + 32px);
min-width: 266px; min-width: 266px;
transform: scaleY(1); transform: scaleY(1);
width: 100%;
height: $height-overlay; height: $height-overlay;
//width: $width-overlay; //width: $width-overlay;
......
...@@ -223,13 +223,13 @@ export class SharedSearchableSingleSelectPresentational extends SharedAbstractPr ...@@ -223,13 +223,13 @@ export class SharedSearchableSingleSelectPresentational extends SharedAbstractPr
} }
openOverlay(): void { openOverlay(): void {
const minWidthField = this._elementRef.nativeElement.getBoundingClientRect().width; const widthField = this._elementRef.nativeElement.getBoundingClientRect().width;
const overlayRef = this._overlay.create({ const overlayRef = this._overlay.create({
positionStrategy: this._getPosition(this._elementRef), positionStrategy: this._getPosition(this._elementRef),
scrollStrategy: this._overlay.scrollStrategies.block(), scrollStrategy: this._overlay.scrollStrategies.block(),
hasBackdrop: true, hasBackdrop: true,
backdropClass: "cdk-overlay-transparent-backdrop", backdropClass: "cdk-overlay-transparent-backdrop",
width: minWidthField, width: widthField,
}); });
const overlayContentComponent = new ComponentPortal(SharedSearchableSingleSelectContentPresentational); const overlayContentComponent = new ComponentPortal(SharedSearchableSingleSelectContentPresentational);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment