# bubbleの新レスポンシブにおける問題、、

**URL:** <https://www.nocode-faq.com/t/topic/3109>\
**Category:** bubble\
**Created:** [2022 年 8 月 25 日午前 10:36 UTC](https://www.nocode-faq.com/t/topic/3109 "2022-08-25T10:36:40Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![macchi\_hal](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/macchi_hal/32/6234_2.png) [@macchi\_hal](https://www.nocode-faq.com/u/macchi_hal)\
**Post date:** [2022 年 8 月 25 日午前 10:36 UTC](https://www.nocode-faq.com/t/topic/3109/1 "2022-08-25T10:36:40Z")

</div>

group内に表示するエレメントを操作したいときの設定に困っています。

条件分岐してgroup内に異なるエレメントを表示したいとき、具体的には、条件Aの時には Group Z 内に group P を、条件Bの時には Group Z 内に group Q を表示したいときです。

今までは group P も group Q も「this element is visible on page load」をオフにして、それぞれのconditionalで条件に合う時だけ「this element is visible」をオンにしていましたし、おそらく皆さんもそうかと思います。

最近になって新レスポンシブを使うようになって同じことをしようと思ったのですができません。先に Group Z 上に group P を置いて「this element is visible on page load」を外し、 group P を隠してから group Q を Z 上に置くのですが、何度やっても group Q が group P の中に入ってしまったり、 group P と領土を削り合いながら共存したりと、「同じgroup内で複数のエレメントを同じ位置に置く」ということが出来なくなってしまいました。

Zのコンテナレイアウトをfixedに変えても解決せず、いつも当たり前に出来ていたことが出来なくなって困っています、というか非常にイライラします。

どなたか助けていただけないでしょうか、、？

---

<div class="post-metadata">

**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\
**Post date:** [2022 年 8 月 25 日午前 10:49 UTC](https://www.nocode-faq.com/t/topic/3109/2 "2022-08-25T10:49:12Z")

</div>

親GroupをAlign to parentにするとイライラが解消できると思います。

---

<div class="post-metadata">

**Author:** ![Aki\_Sydney](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/aki_sydney/32/6600_2.png) [@Aki\_Sydney](https://www.nocode-faq.com/u/Aki_Sydney)\
**Post date:** [2022 年 8 月 25 日午前 11:05 UTC](https://www.nocode-faq.com/t/topic/3109/3 "2022-08-25T11:05:28Z")

</div>

非表示にするエレメントは「Collapse when hidden」にチェックを入れると、領土を奪い合わなくなりますよ～。

 ![2022-08-25_21h01_31](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/487a7490c6c32a067f1471bd74009defa26df76c.png)

---

<div class="post-metadata">

**Author:** ![macchi\_hal](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/macchi_hal/32/6234_2.png) [@macchi\_hal](https://www.nocode-faq.com/u/macchi_hal)\
**Post date:** [2022 年 8 月 25 日午前 11:10 UTC](https://www.nocode-faq.com/t/topic/3109/4 "2022-08-25T11:10:44Z")

</div>

align to parent は試していませんでした、、、！お恥ずかしい限りです、やってみます。。

---

<div class="post-metadata">

**Author:** ![macchi\_hal](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/macchi_hal/32/6234_2.png) [@macchi\_hal](https://www.nocode-faq.com/u/macchi_hal)\
**Post date:** [2022 年 8 月 25 日午前 11:11 UTC](https://www.nocode-faq.com/t/topic/3109/5 "2022-08-25T11:11:05Z")

</div>

試してみます、ありがとうございます！

---

<div class="post-metadata">

**Author:** ![macchi\_hal](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/macchi_hal/32/6234_2.png) [@macchi\_hal](https://www.nocode-faq.com/u/macchi_hal)\
**Post date:** [2022 年 8 月 25 日午前 11:13 UTC](https://www.nocode-faq.com/t/topic/3109/6 "2022-08-25T11:13:10Z")

</div>

解決しました！ありがとうございます！

---

<div class="post-metadata">

**Author:** ![macchi\_hal](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/macchi_hal/32/6234_2.png) [@macchi\_hal](https://www.nocode-faq.com/u/macchi_hal)\
**Post date:** [2022 年 8 月 25 日午前 11:15 UTC](https://www.nocode-faq.com/t/topic/3109/7 "2022-08-25T11:15:21Z")

</div>

出来ましたが、違和感が残ります、

align to parent にしても中に入ってしまって、そこからungroupすることで出すことが出来ました、皆さんもこの手順でされているんでしょうか？

---

<div class="post-metadata">

**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\
**Post date:** [2022 年 8 月 25 日午前 11:29 UTC](https://www.nocode-faq.com/t/topic/3109/8 "2022-08-25T11:29:34Z")

</div>

あとはelement tree内でドラッグ&ドロップすればGroupP内に入り込むことは基本ありえないかなと思います。  
Group Z内に確実に配置できるので

---

<div class="post-metadata">

**Author:** ![macchi\_hal](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/macchi_hal/32/6234_2.png) [@macchi\_hal](https://www.nocode-faq.com/u/macchi_hal)\
**Post date:** [2022 年 8 月 25 日午後 2:13 UTC](https://www.nocode-faq.com/t/topic/3109/9 "2022-08-25T14:13:41Z")

</div>

エレメントツリーに直接ぶち込めるんですね！知らなかったです、、！

ありがとうございます！！
