带有键盘错误的离子离子模态高度 [英] Ionic ion-modal height with keyboard bug

问题描述

我有一个离子模态，我想显示60％的屏幕，但是当键盘出现时，模态会调整为屏幕(包括键盘)的60％，因此会缩小很多.我希望模态保持相同的大小(最好是其内容的大小).图片说明了很多.

I have a ion modal which i want to show of 60% of my screen, but when keyboard appears the modal resizes to 60% of the screen (including keyboard) so it shrinks a lot. I want the modal to stay the same size (ideally the size of its contents). Pictures explain a lot.

这是CSS

.ion-modal.modal {
  width: 90%;
  min-height: 0 !important;
  height: 60% !important;
  top: 5%;
  left: 5%;
  right: 5%;
  bottom: 5%;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); }

这是html

<ion-modal-view id="details_modal" class="ion-modal">
STUFF
</ion-modal-view>

推荐答案

我使用<ion-content overflow-scroll="false"></ion-content>

overflow-scroll ="false"

overflow-scroll="false"

为我解决此问题.

这篇关于带有键盘错误的离子离子模态高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！