Can not click on button outside the map div
See original GitHub issueI’m submitting a … (check one with “x”)
- question
- any problem or bug report
- feature request
If you choose ‘problem or bug report’, please select OS: (check one with “x”)
- Android
- iOS
cordova information: (run $> cordova plugin list
)
com.googlemaps.ios 2.6.0 "Google Maps SDK for iOS"
cordova-plugin-camera 3.0.0 "Camera"
cordova-plugin-crosswalk-webview 2.3.0 "Crosswalk WebView Engine"
cordova-plugin-file 5.0.0 "File"
cordova-plugin-file-transfer 1.7.0 "File Transfer"
cordova-plugin-googlemaps 2.2.5 "cordova-plugin-googlemaps"
cordova-plugin-ionic-keyboard 2.0.5 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 1.1.16 "cordova-plugin-ionic-webview"
cordova-plugin-safariviewcontroller 1.5.2 "SafariViewController"
cordova-plugin-splashscreen 4.1.0 "Splashscreen"
cordova-plugin-statusbar 2.3.0 "StatusBar"
cordova-plugin-whitelist 1.3.3 "Whitelist"
ionic-plugin-deeplinks 1.0.15 "Ionic Deeplink Plugin"
phonegap-plugin-push 2.1.3 "PushPlugin"
If you use @ionic-native/google-maps
, please tell the package.json (only @ionic-native/core
and @ionic-native/google-maps
are fine mostly)
Current behavior:
When you put a map and ion-fab
elements, it’s not possible to click on fab elements. All clicks are redirected to map
Expected behavior:
Clicks on ion-fab
should be handled by application logic, not plugin
Screen capture or video record:
Related code, data or error log (please format your code or data):
I checked the elements tab in devtools, that elements doesn’t have __pluginDomId
attribute and .fixed-content
element has zIndex = 0
in domPositions
object. Map on the other hand have zIndex = 100
.
It worked as expected with 2.1.x, before MutationObserver
was integrated
Issue Analytics
- State:
- Created 6 years ago
- Comments:12 (10 by maintainers)
Top GitHub Comments
Temporally solution is
Ok, my mistake, I had to put all the
ion-fab
part inside thediv
of the map. Sorry 😃