# リピーティンググループの中が縦方向に動いてしまう。

**URL:** <https://www.nocode-faq.com/t/topic/2640>\
**Category:** bubble\
**Created:** [2022 年 2 月 24 日午後 3:05 UTC](https://www.nocode-faq.com/t/topic/2640 "2022-02-24T15:05:26Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ryuto](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/ryuto/32/7265_2.png) [@Ryuto](https://www.nocode-faq.com/u/Ryuto)\
**Post date:** [2022 年 2 月 24 日午後 3:05 UTC](https://www.nocode-faq.com/t/topic/2640/1 "2022-02-24T15:05:26Z")

</div>

以下動画のようにリピーティンググループの中が縦方向に動いてしまいます。  
原因は何でしょうか。  
設定ではRowは1に設定しているのですが…

> **[Gyazo](https://gyazo.com/1191a605d9783340705d38861e1683fe)**
>
> Easily capture screenshots, GIFs, and replays that are ready to share. Download the free app for windows and mac.

設定↓

> **[Gyazo](https://gyazo.com/752f258d1633799d88e2b8cf0502533d)**
>
> Easily capture screenshots, GIFs, and replays that are ready to share. Download the free app for windows and mac.

---

<div class="post-metadata">

**Author:** ![yasuda.yuu15](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/yasuda.yuu15/32/4534_2.png) [@yasuda.yuu15](https://www.nocode-faq.com/u/yasuda.yuu15)\
**Post date:** [2022 年 2 月 24 日午後 8:07 UTC](https://www.nocode-faq.com/t/topic/2640/2 "2022-02-24T20:07:53Z")

</div>

Repeating Groupの中にあるGroupの「Allow vertical scrolling when content overflows」にチェックが入っていませんか？  
もし入っていればこちらのチェックを外せばいいと思われます！

 ![スクリーンショット 2022-02-25 5.05.47](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/608c086351f019760e03f7b68e7e786ed2b95772.png)

---

<div class="post-metadata">

**Author:** ![Ryuto](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/ryuto/32/7265_2.png) [@Ryuto](https://www.nocode-faq.com/u/Ryuto)\
**Post date:** [2022 年 2 月 24 日午後 8:24 UTC](https://www.nocode-faq.com/t/topic/2640/3 "2022-02-24T20:24:19Z")

</div>

どのグループに関してもチェックは入っていませんでした😂

---

<div class="post-metadata">

**Author:** ![yasuda.yuu15](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/yasuda.yuu15/32/4534_2.png) [@yasuda.yuu15](https://www.nocode-faq.com/u/yasuda.yuu15)\
**Post date:** [2022 年 2 月 24 日午後 11:11 UTC](https://www.nocode-faq.com/t/topic/2640/4 "2022-02-24T23:11:43Z")

</div>

なるほど・・  
該当箇所のエレメントツリーを見せていただくことは可能でしょうか？

---

<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 年 2 月 25 日午前 1:18 UTC](https://www.nocode-faq.com/t/topic/2640/5 "2022-02-25T01:18:35Z")

</div>

新レスポンシブになってからこれ起こりますよね  
1 rowでfixにしてる場合、Heightをfixにしてみてください。

---

<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 年 2 月 25 日午前 1:40 UTC](https://www.nocode-faq.com/t/topic/2640/6 "2022-02-25T01:40:43Z")

</div>

新エディタはずっと、GroupにPaddingを設定できなかったので、僕はCSS直書きでPaddingを調整していました。  
この場合bubbleがPaddingを計算してくれるわけではないので、場合によって内部にoverflowが発生してしまっていました。  
最近はGroupにPaddingを設定できるようになったので、直書きのCSSを消して、Group内にPaddingを記入すればエディタに表示されてるのとまったく同じようにoverflowは発生しなくなりました。

ということで、もしCSS直書きでpxを調整していると、overflowが起きる可能性があります。  
ご参考までに～。

---

<div class="post-metadata">

**Author:** ![Ryuto](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/ryuto/32/7265_2.png) [@Ryuto](https://www.nocode-faq.com/u/Ryuto)\
**Post date:** [2022 年 2 月 25 日午前 3:00 UTC](https://www.nocode-faq.com/t/topic/2640/7 "2022-02-25T03:00:06Z")

</div>

グループの中の一部がFixedになっていてoverflowしていたのが原因でした。その部分をcolumにしたら直りました。ありがとうございました。
