チャットボットとポップアップの重なり順を変更したい | コミュニティ

タグ付き： widget, ポップアップ

コミュニティ

チャットボットとポップアップの重なり順を変更したい

トピックス by widget初心者 1792 pt 2023年9月26日 12:41 242 PV
【Widget名】

ポップアップWidget

【修正したいこと】

ボタンからチャットボックスが立ち上がったタイミングで追従型ポップアップが消えるように修正したい。具体的には、チャットボットとポップアップの重なり順を変更したい。

【参考画像】

https://drive.google.com/file/d/1FNx2_wR01wq6WMlxMBetH3V1gjwtElVD/view
widgetマスター 1 年, 1 月前 2 人 · 1 コメント
- widget
- ポップアップ
1 コメント

widgetマスター

モデレータ

2023年9月26日 12:44

ポップアップの管理画面からコードの追加をお願いします。

HTML→JSタブ内の下記コード部分を変更後のものに差し替えてみてください。

変更前

if(popupRoot){
  Array.from(popupRoot.querySelectorAll('a > iframe'), el => {
    el.style.pointerEvents = 'all';
    });
}

変更後

if(popupRoot){
  Array.from(popupRoot.querySelectorAll('a > iframe'), el => {
    el.style.pointerEvents = 'all';
    });
  Array.from(popupRoot.querySelectorAll(':scope > div'), el => {
    el.style.zIndex = 99998;
  });
}