bug: popover arrow changes after scroll to the end of the page

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v7.x

### Current Behavior

The popover arrow changes to up after scroll to the end of the page

### Expected Behavior

The popover arrow should stay down position after scrolling to the end of tthe page

### Steps to Reproduce

1. There was use the next code for popover for ion-button inside ion-menu

`


Some title


`

3. Scroll page to the end and click to trigger popover

### Code Reproduction URL

-

### Ionic Info

Ionic:

Ionic CLI : ^7.2.0
Ionic Framework : @ionic/angular ^8.2.6
@angular-devkit/build-angular : ^18.1.4
@angular/cli : ^18.1.4
@ionic/angular-toolkit : ^11.0.1

Capacitor:

Capacitor CLI : ^6.1.2
@capacitor/android : ^6.1.2
@capacitor/core : ^6.1.2
@capacitor/ios : ^6.1.2

Utility:

cordova-res (update available: 0.15.4) : 0.15.1
native-run : 1.5.0

System:

NodeJS : v20.12.2
npm : 10.5.0
OS : macOS Sonoma 14.5

### Additional Information

_No response_

Start with the ion-popover used inside an ion-menu, using the provided trigger, side, and alignment settings. Reproduce by scrolling to the end of the page and opening the popover; done means the arrow remains in the down position instead of changing to up.

Written by the indexing model from the issue text.