[Ionic3.9.2] Admob の広告が最上位に表示され、ActionSheetが押せない

Question

事象

ActionSheetを起動した際、Admob の広告よりも下に表示されてしまう問題が発生しています。
ActionSheet側のz-indexを最大値に設定しても、効果がない状態です。

ActionSheetを上に表示する方法を教えていただけないでしょうか。

画面キャプチャ

実行環境

$ ionic info

cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.9.2
    ionic (Ionic CLI) : 3.9.2

global packages:

    Cordova CLI : 8.1.2 (cordova-lib@8.1.1) 

local packages:

    @ionic/app-scripts : 3.2.3
    Cordova Platforms  : ios 4.5.5
    Ionic Framework    : ionic-angular 3.9.2

System:

    ios-deploy : 1.9.4 
    Node       : v10.14.1
    npm        : 6.8.0 
    OS         : macOS
    Xcode      : Xcode 10.2 Build version 10E125 

Answer 1

こちら、物理的にWebより上にAdMobが表示されているので、ActionSheetを広告の上に表示することはHTML/CSSではできません。方法としては

• ActionSheetを表示してる時は、AdMobを削除する
• ActionSheetはIonicのWebViewではなく、Cordovaプラグインを利用する（やったことないので、これで上位にくるかどうか確信はありません）

https://ionicframework.com/docs/native/action-sheet

のどちらかになるかと思いますー！

Comments

[nonoichi123]

CordovaプラグインのActionSheetを使ってみたら、最上位に表示されました
。
ご回答ありがとうございました。