Sidebar does not close on iOS since 7.3.0

[acuntex]

We recently upgraded to Angular 6 and also upgraded ng-sidebar.

We noticed that the sidebar does not close and is not clickable at all on iOS (iPhone).

After trying out older versions, we figured out that the behavior started in V7.3.0, so it must be one of those changes: https://github.com/arkon/ng-sidebar/compare/v7.2.1...v7.3.0

Here is the version with 7.2.1: www.neobirdgames.com Here is the version with 7.3.0 (would be the same with 8.0.0): beta.neobirdgames.com

The code looks like this:

<ng-sidebar-container #sideBarContainer [ngClass]="{'ng-content-padding-fix': !appService.gameInfo}">
  <ng-sidebar #sideBar *ngIf="isHiddenLayout" position="right" mode="over" class="platformMenu mobile-side-bar" (onClosed)="menuClosed()" [(opened)]="sideBarService.opened" autoFocus="false" [showBackdrop]="true" [closeOnClickBackdrop]="true">
    <platform-menu-button (onSideBarSlide)="onSideBarSlide($event)"></platform-menu-button>
    <div class="platform-content" (swiperight)="onSwipeRightMobile()">
      <platform-content></platform-content>
    </div>
  </ng-sidebar>
...
</ng-sidebar-container>

I honestly cannot imagine any logical explanation how the changes made in 7.3.0 could be responsible for a bug, but then again: It's only on iOS Safari, so logic is probably not the best tool ;-)

[arkon]

I honestly can't see why any of those changes would affect it either...

[acuntex]

Since code as been moved to the end of the method, might there be a chance, that this could be the cause (like more changes on iOS or some race condition)?