question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bottom part of ionic tabs is not clickable

See original GitHub issue

I’m submitting a … (check one with “x”) [ ] question [x] any problem or bug report [ ] feature request

If you choose ‘problem or bug report’, please select OS: (check one with “x”) [ ] Android [x] iOS

cordova information:

com.googlemaps.ios 2.5.0 "Google Maps SDK for iOS"
cordova-plugin-console 1.1.0 "Console"
cordova-plugin-device 1.1.7 "Device"
cordova-plugin-googlemaps 2.1.2-beta-20171122-2100 "cordova-plugin-googlemaps"
cordova-plugin-ionic-webview 1.1.16 "cordova-plugin-ionic-webview"
cordova-plugin-splashscreen 4.1.0 "Splashscreen"
cordova-plugin-statusbar 2.3.0 "StatusBar"
cordova-plugin-whitelist 1.3.3 "Whitelist"
ionic-plugin-keyboard 2.2.1 "Keyboard"

Current behavior: The bottom part of ionic tabs is not clickable when the map plugin is installed. I am not sure but it may be caused by 6d4b129321ad46c10f6f434908ab364883a09c3a.

You can test with my repo: https://github.com/antoine92190/ionic-map

Screen capture or video record:

map-click

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:30 (15 by maintainers)

github_iconTop GitHub Comments

1reaction
antoine92190commented, Nov 26, 2017

Indeed, the issues cannot be reproduce on the iPhone X. But it can be reproduced on the iPhone 8 (and below) simulator. That probably confirms my guess that the issue is linked to the iPhone status bar.

0reactions
gregavolacommented, Jun 2, 2018

@antoine92190 I know this like 6 months later, but are you still having this issue with the master release, or have you just used this commit?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Buttons are not clickable within ion-content - Ionic Forum
The answer is simple, there is a bug in Ionic, the buttons don't work when you have an ion-tab.
Read more >
Bottom part of ionic tabs is not clickable · Issue #2409 ... - GitHub
Emphasize lays on bottom part. In case of the tabs that's the area where the text is, which is not clickable. You are...
Read more >
ionic - tabs not fixed at bottom of the screen - Stack Overflow
I need them to be always visible at the bottom of the screen (something like position: fixed; bottom: 0; left: 0; ). They...
Read more >
Styling ion-tabs in Ionic 5 - DEV Community ‍ ‍
First, I targeted the ion-tab-bar element. Since I only needed it to move it slightly from the bottom, I set the position and...
Read more >
How to Combine Ionic 4 Tabs and Side Menu Navigation
In this tutorial we combine the tabs and side menu pattern into one Ionic 4 app! Learn to build mobile apps with Ionic...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found