When using a custom dialog, where the contents presents a smart select in popup, then the smartselect items don’t overflow, so in case of more items that don’t fit the smart select, you cannot scroll!
By comparing functional popup that have the smartSelect picker and are not affected by this I could conclude this was because this class rule is different, and more specific and applies only in direct child of framework7-root view.
html.with-modal-popup .framework7-root > .view .page-content ...
{
overflow: hidden;
-webkit-overflow-scrolling: auto;
}
Bu when using a dialog then there is this rule:
html.with-modal-dialog .page-content {
overflow: hidden;
-webkit-overflow-scrolling: auto;
}
Which goal was to be for direct child of framework7 root view, and in this context, its applying to any page-content class! so this is why, the smartSelect, page-content of the list is overflow hidden, and thus scroll stops working.
I believe the html.with-modal-dialog .page-content css rule is vestigial mistake, and thus lacking specificity and should be removed? because the first rule html.with-modal-popup .framework7-root > .view .page-content… will cover the main goal. Or I’m wrong?