# Disable scrolling beyond Floating Group

**URL:** <https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691>\
**Category:** Questions\
**Created:** [March 27, 2023, 12:10pm UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691 "2023-03-27T12:10:08Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![dalatcafebestilling](https://avatars.discourse-cdn.com/v4/letter/d/71c47a/32.png) [@dalatcafebestilling](https://forum.bubble.io/u/dalatcafebestilling)\
**Post date:** [March 27, 2023, 12:10pm UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/1 "2023-03-27T12:10:08Z")

</div>

How can i disable scrolling behind a floating group?

Example(mobile): I scroll on the page but when i open the floating group i want to scroll in the floating group only.

Every time i open the floating group i can scroll outside of it, and that is very irritating, does someone have a solution for this?

---

<div class="post-metadata">

**Author:** ![NoCodeDataArtisan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodedataartisan/32/170886_2.png) [@NoCodeDataArtisan](https://forum.bubble.io/u/NoCodeDataArtisan)\
**Post date:** [March 27, 2023, 12:47pm UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/2 "2023-03-27T12:47:50Z")

</div>

Hello, can I access the app editor or test app?

---

<div class="post-metadata">

**Author:** ![airbabble](https://avatars.discourse-cdn.com/v4/letter/a/a183cd/32.png) [@airbabble](https://forum.bubble.io/u/airbabble)\
**Post date:** [April 10, 2023, 8:04am UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/3 "2023-04-10T08:04:59Z")

</div>

Following because I would also like to know the solution to this!

---

<div class="post-metadata">

**Author:** ![NoCodeDataArtisan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodedataartisan/32/170886_2.png) [@NoCodeDataArtisan](https://forum.bubble.io/u/NoCodeDataArtisan)\
**Post date:** [April 10, 2023, 11:12am UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/4 "2023-04-10T11:12:08Z")

</div>

If you can, provide me with a test application with that condition so that I can explain with it.

I will explain the steps to you. 👍

---

<div class="post-metadata">

**Author:** ![airbabble](https://avatars.discourse-cdn.com/v4/letter/a/a183cd/32.png) [@airbabble](https://forum.bubble.io/u/airbabble)\
**Post date:** [April 28, 2023, 10:23am UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/5 "2023-04-28T10:23:47Z")

</div>

Hi there

Thank you for offering to help.

Here is the page causing the issue: [https://zebrahood.com/version-test/mobile\_new?debug\_mode=true](https://zebrahood.com/version-test/mobile_new?debug_mode=true)

If you click on any of the images a floating group will pop up but as you can see, if you scroll while the pop up is open it will scroll behind the pop up.

Is this what you meant?

Thanks

---

<div class="post-metadata">

**Author:** ![airbabble](https://avatars.discourse-cdn.com/v4/letter/a/a183cd/32.png) [@airbabble](https://forum.bubble.io/u/airbabble)\
**Post date:** [April 28, 2023, 10:24am UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/6 "2023-04-28T10:24:37Z")

</div>

As it is a mobile page click on inspector and change to iPhone size so your screen doesn’t get jammed by the pop up.

---

<div class="post-metadata">

**Author:** ![NoCodeDataArtisan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodedataartisan/32/170886_2.png) [@NoCodeDataArtisan](https://forum.bubble.io/u/NoCodeDataArtisan)\
**Post date:** [April 28, 2023, 12:59pm UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/7 "2023-04-28T12:59:28Z")

</div>

Hello. @airbabble

Why didn’t you use the pop-up?

The feature of floating group is that it floats on the main screen.

For your case, you can use pop-up and with a few settings it will be exactly like this floating group.

---

<div class="post-metadata">

**Author:** ![airbabble](https://avatars.discourse-cdn.com/v4/letter/a/a183cd/32.png) [@airbabble](https://forum.bubble.io/u/airbabble)\
**Post date:** [May 1, 2023, 10:41am UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/8 "2023-05-01T10:41:55Z")

</div>

Great idea, thank you.

---

<div class="post-metadata">

**Author:** ![airbabble](https://avatars.discourse-cdn.com/v4/letter/a/a183cd/32.png) [@airbabble](https://forum.bubble.io/u/airbabble)\
**Post date:** [May 1, 2023, 11:14am UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/9 "2023-05-01T11:14:34Z")

</div>

Actually @NoCodeDataArtisan I don’t think a popup will work as it appears in the middle of the screen, and I want the group to float up from the bottom and be attached to the bottom of the screen. Do you know if this is possible?

---

<div class="post-metadata">

**Author:** ![Newed](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/newed/32/262530_2.png) [@Newed](https://forum.bubble.io/u/Newed)\
**Post date:** [May 1, 2023, 11:28am UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/10 "2023-05-01T11:28:41Z")

</div>

You can use custom code or plugins like this:

> **[Reposition Popup Plugin for Bubble, by CodEX](https://bubble.io/plugin/reposition-popup-1679012953031x583207483625701400)**
>
> Reposition Popup Plugin page on Bubble, by CodEX. Add Reposition Popup in one click to your app. Bubble lets you build web apps without any code.

---

<div class="post-metadata">

**Author:** ![NoCodeDataArtisan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodedataartisan/32/170886_2.png) [@NoCodeDataArtisan](https://forum.bubble.io/u/NoCodeDataArtisan)\
**Post date:** [May 1, 2023, 2:48pm UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/11 "2023-05-01T14:48:57Z")

</div>

It’s true that the default pop-up mode is very pop-up 😂, but if you set the size to 100% width and height, now you have a full-screen group in which you can create anything inside it.

Also, you can use group focus in this way.

---

<div class="post-metadata">

**Author:** ![airbabble](https://avatars.discourse-cdn.com/v4/letter/a/a183cd/32.png) [@airbabble](https://forum.bubble.io/u/airbabble)\
**Post date:** [May 2, 2023, 9:05am UTC](https://forum.bubble.io/t/disable-scrolling-beyond-floating-group/253691/12 "2023-05-02T09:05:07Z")

</div>

Thanks for this, I will check it out. My current work around is to just cover the background with white so the user doesn’t notice the weird scrolling 😬
