Всем доброго времени суток!
Есть модальное окно и, изначально было так, что скроллбар прокручивал всю область.
Необходимо перенести его ниже. Я это сделал, но работает криво. Для всего модального окна задал значение overflow-y: hidden. А для дочернего элемента с классом content (где расположено всё, что ниже заголовка и до кнопок "OK" и "Отмена"), задал overflow-y: auto и height: -webkit-fill-available.
В результате, скролл есть, но он уходит за рамки модального окна.
И, разумеется, кнопок снизу не видно.
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div class="v-dialog pc-modal-dialog v-dialog--active" style="width: 1200px;">
<div class="pc-dialog-card v-card v-sheet theme--light">
<div class="v-card__title headline grey lighten-2 v-card__title--primary">Выбор изображения</div>
<div class="v-card__text content">
<!-- Всякие элементы управления, много-много картинок -->
</div>
<hr class="v-divider theme--light">
<div class="v-card__actions">
<div data-v-66109643="" class="container d-flex align-right">
<div data-v-66109643="" class="spacer"></div>
<button data-v-66109643="" type="button" class="v-btn theme--light">
<div class="v-btn__content">OK</div>
</button>
<button data-v-66109643="" type="button" class="v-btn theme--light">
<div class="v-btn__content">Отмена</div>
</button>
</div>
</div>
</div>
</div>