Scroll breaks on safari after opening time picker

[jamesonsaunders]

Hi, I'm seeing an issue where scrolling on nested divs anywhere within my application page no longer work after opening the time picker. Not an issue with the calendar picker. Safari only, not an issue with Chrome.

Versions:

    "@danielmoncada/angular-datetime-picker": "^17.0.0",
     "@angular/animations": "^17.3.0",
    "@angular/cdk": "^17.3.10",
    "@angular/common": "^17.3.0",
    "@angular/compiler": "^17.3.0",
    "@angular/core": "^17.3.0",
    "@angular/forms": "^17.3.0",
    "@angular/platform-browser": "^17.3.0",
    "@angular/platform-browser-dynamic": "^17.3.0",
    "@angular/router": "^17.3.0",

Picker code:

<input [owlDateTimeTrigger]="dt2" [owlDateTime]="dt2">
<owl-date-time [pickerType]="'timer'" #dt2></owl-date-time>

To reproduce this issue, just add this to an HTML page with a scrollable div.

Tested on multiple versions of safari, so that piece shouldn't matter.

[jamesonsaunders]

Please disregard, this was an issue with a global style in use in our application:

html,
body {
  z-index: -2;
}