Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

InAppBrowser Modal Height Not Adjusting to 70% on Android #48

Open
Dobby1820 opened this issue Feb 12, 2025 · 0 comments
Open

InAppBrowser Modal Height Not Adjusting to 70% on Android #48

Dobby1820 opened this issue Feb 12, 2025 · 0 comments

Comments

@Dobby1820
Copy link

When using the InAppBrowser plugin in an Ionic Angular project, the modal height is set to 70% in the configuration, but the actual displayed height remains at the default value of 50%. This issue only occurs on Android devices and does not appear in the browser or on iOS.

Steps to reproduce:

  1. Implement InAppBrowser in an Ionic Angular project.
  2. Set the system browser's ViewStyle to bottom-sheet for Android devices and configure the height to 0.7 (for 70%) using the bottom-sheet options
  3. Run the app on an Android emulator or a real device.
  4. Click the button that opens the URL in InAppBrowser.

Expected behavior:
The InAppBrowser modal should open with a height of 70% in Bottom-Sheet mode.

Actual behavior:
The InAppBrowser modal opens with the default height of 50% on Android devices, despite setting the height to 70% in the configuration.

Screen_recording_20250212_131204.mp4

Environment:

  • Capacitor: 6.x
  • Ionic: 8.x
  • Angular: 19.x
  • InAppBrowser Plugin: 1.0.3

Additional context:
You can find a minimal example to reproduce the issue in my GitHub repository.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant