bug: popover without ion-content not scrollable

[capc0]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

When a popup is created via PopoverController with a custom component, the contents of the popup is not scrollable.

Expected Behavior

The content of the popup should be scrollable (as it used to be with previous versions).

Steps to Reproduce

1. Click on the button within the stackblitz
2. Resize/shrink the windows viewport
3. Oberserve that options at the end are cut off and it is not possible to scroll

Code Reproduction URL

https://stackblitz.com/edit/angular-vvbkmf?file=src%2Fapp%2Fapp.component.ts

Ionic Info

see Stackblitz setup

Additional Information

related to #28965 & #28963

a workaround is to set the following style in the globals:

ion-popover > * {
  overflow-y: auto;
}

[liamdebeasi]

Thanks for the report. The problem here is related to #28861. The code in the linked PR should have always applied, which means that this behavior should have never worked. Due to this bug the behavior noted here worked by chance.

I spoke with the team and we think it's worth trying to support this use case. We support modals without ion-content, so we should probably support the same for ion-popover too.

edit: Also note that this bug is specific to popovers to do not use ion-content.

[liamdebeasi]

Thanks for the issue. This has been resolved via #29215, and a fix will be available in an upcoming release of Ionic Framework.