Ion-select buttons disappears on orientation change of device

Ionic Framework ionic-v3
1

Hi,
I am using ionic 2 select and I came with an issue. Whenever I am changing my device orientation to landscape mode the select’s “ok” and “cancel” buttons disappeared. Here are the screenshots.
image

And here is another one. Its working fine in the vertical orientation.

image

Help me with this issue. Thanks.

2

Same here. Any solution? I’ve seen someone opened an issue: https://github.com/driftyco/ionic/issues/11022

3

Hi @AhmadZul I finally found the solution by myself just try this, adjust the minimum height.

@media screen and (orientation:landscape) {
.alert-wrapper {
height: 280px;
}
[ng-reflect-ng-switch] {
overflow: auto;
}
.alert-radio-group {
max-height: 180px !important;
}
}

4

Great. It works perfectly. Thanks.:+1:

1 Like
5

Since it will also affect other smaller Alert component, I also add min-height:

@media screen and (orientation:landscape) {
.alert-wrapper {
max-height: 280px;
min-height: 100px
}
[ng-reflect-ng-switch] {
overflow: auto;
}
.alert-radio-group {
max-height: 180px !important;
}
}