How to work-around iOS fullscreen by minimizing URL bar - ios

Question

Actually I am trying to implement the solution available here https://im2.ezgif.com/tmp/ezgif-2-2f480da723.gif.
The hand, after touching and making finger move, minimize UI and opens, let say, something similar to the fullscreen.
For some reason code below isn't working on some Safari devices – iPhone 12 pro, 13 and 14 work correctly, while iPhone XS and XR don't.
my TS:
merge(fromEvent(window, 'scroll'), fromEvent(window, 'resize'), fromEvent(window, 'orientationchange'), of(null))
.pipe(takeUntil(this.destroy$))
.subscribe((e) => {
if (window.innerHeight > window.innerWidth) {
this.isFullscreen = window.innerHeight > document.documentElement.clientHeight + 50;
} else {
this.isFullscreen = window.innerHeight === document.documentElement.clientHeight;
}
if (this.isFullscreen) {
document.querySelector('html').classList.add('is-fullscreen');
window.scrollTo(0, 500);
} else {
document.querySelector('html').classList.remove('is-fullscreen');
document.querySelector('html').classList.remove('ios-scroll');
}
});
ngAfterViewInit() {
const elem = this.elemRef.nativeElement.querySelector('.ios-wrapper');
if (elem) {
elem.addEventListener('gesturestart', (e) => {
e.preventDefault();
});
elem.addEventListener('gestureend', (e) => {
e.preventDefault();
});
elem.addEventListener('gesturechange', (e) => {
e.preventDefault();
});
}
}
ngOnDestroy() {
this.destroy$.next();
this.destroy$.complete();
document.querySelector('html').classList.remove('ios-scroll');
}
HTML:
<div class="ios-wrapper" *ngIf="access" [ngClass]="{ 'is-fullscreen': isFullscreen }">
<div class="ios-hand">
<i class="far fa-hand-pointer"></i>
</div>
</div>
SCSS:
.ios-wrapper {
visibility: visible;
opacity: 1;
width: 100%;
height: 1000000px;
z-index: 9999;
position: absolute;
top: -500px;
left: 0;
margin: 0;
padding: 0;
background: rgba(0,0,0,0.5);
&.is-fullscreen {
visibility: hidden !important;
opacity: 0 !important;
z-index: 0;
pointer-events: none;
}
}
My purpose is to implement the solution which is working on every Safari device. Do you know where is the mistake or why it's not working on some iPhones?