bug: iOS Swipable Modal causing Android to shrink statusbar
See original GitHub issueBug Report
Ionic version: [x] 5.x
Current behavior: When enabling swipeToClose + presenting element on a modal, Android toolbar is shrinked into the statusbar.
Expected behavior: It should be as when presentingElement isn’t set.
Steps to reproduce:
- Configure a modal :
async showEditModal(): Promise<void> {
const modal: HTMLIonModalElement = await this._modalController.create({
component: EditHomeModalComponent,
swipeToClose: true,
presentingElement: this.routerOutlet.nativeEl
});
await modal.present();
}
- Open the modal on Android => The toolbar is in the statusbar
- Remove
presentingElement
property - Open the modal on Android => The toolbar is fine
Other information: With presentingElement
Without presentingElement
Ionic info:
Ionic:
Ionic CLI : 6.0.2 (C:\Users\YD7A0C5N\AppData\Roaming\npm\node_modules\@ionic\cli)
Ionic Framework : @ionic/angular 5.0.1
@angular-devkit/build-angular : 0.900.3
@angular-devkit/schematics : 9.0.3
@angular/cli : 9.0.3
@ionic/angular-toolkit : 2.1.2
Capacitor:
Capacitor CLI : 1.4.0
@capacitor/core : 1.4.0
Utility:
cordova-res : not installed
native-run : not installed
System:
NodeJS : v12.13.1 (C:\Program Files\nodejs\node.exe)
npm : 6.12.1
OS : Windows 10
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
bug: iOS Swipable Modal causing Android to shrink statusbar ...
Current behavior: When enabling swipeToClose + presenting element on a modal, Android toolbar is shrinked into the statusbar. Expected behavior:
Read more >Status Bar Disappears on Modal Presentation - ios
In my case, this was specifically an issue when modally presenting an AVPlayerViewController in iOS 9 and iOS 10.
Read more >I can't pull down the notification bar in Android. What would be ...
I faced the same issue. When I searched online, I found the solution as to lock the screen. Although I didn't believe but...
Read more >react-native-modal - npm
Start using react-native-modal in your project by running `npm i ... Resize itself correctly on device rotation; Swipeable; Scrollable ...
Read more >React Native Gesture Handler: Swipe, long-press, and more
This library exposes platform-specific (i.e., Android and iOS) native touch ... import React, { Component } from 'react'; import { StatusBar } ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@liamdebeasi It’s all good, resolved 👍
Thanks
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.