# Popup表示時に枠外をクリックしても消えない仕様にしたい

**URL:** <https://www.nocode-faq.com/t/topic/3258>\
**Category:** bubble\
**Created:** [2022 年 11 月 8 日午前 4:28 UTC](https://www.nocode-faq.com/t/topic/3258 "2022-11-08T04:28:52Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![akita19811224](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@akita19811224](https://www.nocode-faq.com/u/akita19811224)\
**Post date:** [2022 年 11 月 8 日午前 4:28 UTC](https://www.nocode-faq.com/t/topic/3258/1 "2022-11-08T04:28:52Z")

</div>

bubbleにて、popup表示させた後に枠外をクリックしてもpopupが閉じない仕様にすることは可能でしょうか？  
popup内に設置した「閉じる」ボタン押下のみで閉じる仕様にしたいです。

---

<div class="post-metadata">

**Author:** ![sukesan](https://avatars.discourse-cdn.com/v4/letter/s/3d9bf3/32.png) [@sukesan](https://www.nocode-faq.com/u/sukesan)\
**Post date:** [2022 年 11 月 8 日午前 4:38 UTC](https://www.nocode-faq.com/t/topic/3258/2 "2022-11-08T04:38:26Z")

</div>

popup を クリックしたときに popup を表示するというワークフローを組めばイケると思います。

---

<div class="post-metadata">

**Author:** ![akita19811224](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@akita19811224](https://www.nocode-faq.com/u/akita19811224)\
**Post date:** [2022 年 11 月 8 日午前 5:16 UTC](https://www.nocode-faq.com/t/topic/3258/3 "2022-11-08T05:16:28Z")

</div>

すいません。おそらく私の質問の意図が伝わっていないのかもしれません。

 ![Your-Bubble-app (10)](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/901c607c313fd487930bf240479f58bdbb11fe92.png)  
「ポップアップを表示」ボタン押下でポップアップが表示されます。

 ![Your-Bubble-app (11)](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/7ea4c4ee55af4937497a38ae992ea44e12d5d192.png)  
ポップアップ内の「閉じる」ボタン押下でポップアップが非表示となります。

ポップアップ表示時に「閉じる」ボタンではなく、枠外（グレーアウトした部分）をクリックしてもポップアップが閉じる仕様となっていますが、これを閉じないようにしたいのです。  
「閉じる」ボタン押下でのみ閉じる仕様にしたいです。

---

<div class="post-metadata">

**Author:** ![sukesan](https://avatars.discourse-cdn.com/v4/letter/s/3d9bf3/32.png) [@sukesan](https://www.nocode-faq.com/u/sukesan)\
**Post date:** [2022 年 11 月 8 日午前 5:32 UTC](https://www.nocode-faq.com/t/topic/3258/4 "2022-11-08T05:32:56Z")

</div>

1. popup を クリックしたときに popup を表示するというワークフローを組む
2. this pop up can not be close … を チェック  
でできると思います。

> **[Bubble - Visual Programming](https://ryocodecamp.bubbleapps.io/version-test/popup_test)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

 ![スクリーンショット 2022-11-08 14.30.32](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d63049fb887e34b0067fb06796cc48ea921e1b6a.jpeg)  
 ![スクリーンショット 2022-11-08 14.30.40](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3d5ebe8c0f4cb6a043a2bfc0b3374b575d200f88.jpeg)

---

<div class="post-metadata">

**Author:** ![akita19811224](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@akita19811224](https://www.nocode-faq.com/u/akita19811224)\
**Post date:** [2022 年 11 月 8 日午前 5:41 UTC](https://www.nocode-faq.com/t/topic/3258/5 "2022-11-08T05:41:09Z")

</div>

ありがとうございます！  
理想通りできました。

「this pop up can not be close …」こういった機能があったのですね！！  
勉強になりました。

---

<div class="post-metadata">

**Author:** ![sukesan](https://avatars.discourse-cdn.com/v4/letter/s/3d9bf3/32.png) [@sukesan](https://www.nocode-faq.com/u/sukesan)\
**Post date:** [2022 年 11 月 8 日午前 6:17 UTC](https://www.nocode-faq.com/t/topic/3258/6 "2022-11-08T06:17:47Z")

</div>

あ、2番をやれば、1番やる必要ないことが判明しました。すみませんでした〜
