Popover ionique: la hauteur de Popover ne correspond pas au contenu

Je veux adapter la hauteur d'un ionique-liste pour s'adapter à son contenu. J'utilise cette liste pour afficher des informations: ils ne contient qu'un ion-header et un ion-content.

<ion-popover-view>
    <ion-header-bar>
        <h1 class="title">Title</h1>
    </ion-header-bar>
    <ion-content scroll="false" class="padding">
        I want the parent's height to fit the content's height
    </ion-content>
</ion-popover-view>

Mais la liste est trop grande pour le peu de texte que je veux afficher:

Popover ionique: la hauteur de Popover ne correspond pas au contenu

J'ai tenté de l'ion-liste-affichage de la hauteur avec height: auto;mais juste la tête de la barre est affichée dans ce cas. Définir une hauteur fixe (height: 100px;) travaille (comme décrit ici), mais je veux une dynamique de la hauteur en fonction de la longueur du contenu.

Un exemple sur CodePen

source d'informationauteur Getz

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *