javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 11:17:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(select): add position styles to work as standalone

Browse Source
This commit is contained in:
Brandy Carney
2018-09-18 15:41:53 -04:00
parent fd1b636b12
commit 224b4f83b2
2 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/select/select.scss
View File

@ -18,6 +18,8 @@
display: flex; display: flex;
position: relative;
color: var(--color); color: var(--color);
font-family: $font-family-base; font-family: $font-family-base;
@ -26,6 +28,8 @@
} }
:host(.in-item) { :host(.in-item) {
position: static;
max-width: 45%; max-width: 45%;
} }

1
core/src/components/select/select.tsx
View File

@ -18,6 +18,7 @@ export class Select implements ComponentInterface {
private inputId = `ion-sel-${selectIds++}`; private inputId = `ion-sel-${selectIds++}`;
private labelId?: string; private labelId?: string;
private overlay?: HTMLIonActionSheetElement | HTMLIonAlertElement | HTMLIonPopoverElement; private overlay?: HTMLIonActionSheetElement | HTMLIonAlertElement | HTMLIonPopoverElement;
@Element() el!: HTMLIonSelectElement; @Element() el!: HTMLIonSelectElement;
@Prop({ connect: 'ion-action-sheet-controller' }) actionSheetCtrl!: HTMLIonActionSheetControllerElement; @Prop({ connect: 'ion-action-sheet-controller' }) actionSheetCtrl!: HTMLIonActionSheetControllerElement;