ui-drawer icon indicating copy to clipboard operation
ui-drawer copied to clipboard

Drawer sticks out a bit when rotating from portrait to landscape

Open sublime392 opened this issue 2 years ago • 0 comments

Which platform(s) does your issue occur on?

Witnessed on iOS (using Angular); assuming others affected the same, but not sure.

@nativescript/iOS 8.3.3 @nativescript/angular 14.2.5

Please, tell us how to recreate the issue in as much detail as possible.

  • Have app with left side drawer.
  • Launch app.
  • The drawer needs to be opened and closed at least once before rotating to landscape. I open/close with toggle() if that matters.
  • Rotate to landscape. The drawer sticks out part way.

As a workaround, I did the following. It isn't exactly ready to pop into a PR, or I would, but concept is to toggle the drawer after rotation so it jives with new layout dims:

orientationService.getLandscapeSubject().pipe(
      distinctUntilChanged(),
     
    ).subscribe({
      next: val => {
        this._drawer?.toggle().then(() => {
          timer(200).subscribe({
            next: () => {
              this._drawer?.toggle();
            }
          });
        });
      }
    });

sublime392 avatar Oct 28 '22 16:10 sublime392