# Reusable element extends off page

**URL:** <https://forum.bubble.io/t/reusable-element-extends-off-page/138946>\
**Category:** Responsiveness\
**Created:** [March 1, 2021, 9:13pm UTC](https://forum.bubble.io/t/reusable-element-extends-off-page/138946 "2021-03-01T21:13:29Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![telaholcomb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/telaholcomb/32/66534_2.png) [@telaholcomb](https://forum.bubble.io/u/telaholcomb)\
**Post date:** [March 1, 2021, 9:13pm UTC](https://forum.bubble.io/t/reusable-element-extends-off-page/138946/1 "2021-03-01T21:13:29Z")

</div>

Hey Bubblers!

I have a reusable element in a group on one of my pages. In the reusable element is a repeating group.

As I scroll down the page, the group/page/RG extends. But when I get to the last item in the repeating group at the bottom of the page, the reusable element hangs past the page itself. (The red border is the group the reusable element is in but also represents “training mode” for our coaches.)

 ![Screen Shot 2021-03-01 at 1.02.43 PM](https://us1.discourse-cdn.com/bubble/original/3X/f/b/fbbe1f2dc1e31cdcf272eddf114bf8fc59e9b691.jpeg)

⠀⠀⠀  
I’ve extended the page element to ensure its height is bigger than the height of the reusable element placed on the page but it still does this.

 ![Screen Shot 2021-03-01 at 1.04.54 PM](https://us1.discourse-cdn.com/bubble/original/3X/6/9/690e3f0b2f2ef5418c6ae1f3683a5025a7e4e300.png)  
⠀⠀⠀  
I welcome any ideas on what could be the issue or what else to check. Thanks in advance!

---

<div class="post-metadata">

**Author:** ![cmarchan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cmarchan/32/253062_2.png) [@cmarchan](https://forum.bubble.io/u/cmarchan)\
**Post date:** [March 2, 2021, 10:05pm UTC](https://forum.bubble.io/t/reusable-element-extends-off-page/138946/2 "2021-03-02T22:05:40Z")

</div>

Place the reusable in a page group

Not knowing what else is in the page is hard to know it this would fix the issue.

To manage vertical distance one needs to make sure that only visible groups take up the page. In order to ensure that no other group may be interfering with height the content groups are placed vertically … and conditionally shown/hidden (making sure that the hidden groups “collapse when hidden”). This way when one is shown … it is the only one talking up all the vertical space of the page.

---

<div class="post-metadata">

**Author:** ![varshneyandson](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/varshneyandson/32/35218_2.png) [@varshneyandson](https://forum.bubble.io/u/varshneyandson)\
**Post date:** [April 28, 2021, 3:37pm UTC](https://forum.bubble.io/t/reusable-element-extends-off-page/138946/3 "2021-04-28T15:37:01Z")

</div>

hello, i seem to be having a similar issue. The reusable element is in a group and displays fine in the first two cases:

1. Blank input  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/2/e/2ea2e443d45cb553fb11e8d7580628ce56d1d59e.png)
2. Input selected  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/d/5/d54ba7f1983841441426d6406d27052276e263bc.png)

However, when an agent is selected and then the page is reloaded, then the reusable element extends beyond the page and the border is not drawn properly.:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/2/e/2e33d55484dd7f13d9a88258fd53d6f50a8d1adf.png)

This last case is relevant for my site because part of the branding is for my clients to have a vanity link like [740bsecure.com/dba-name](http://740bsecure.com/dba-name)

Here’s the viewable editor link:

> **[Bubble Editor - 740bsecure](https://bubble.io/page?type=custom&name=Secure%20Document%20Delivery&id=740bsecure&tab=tabs-1)**
>
> 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.

Any help will be greatly appreciated.

---

<div class="post-metadata">

**Author:** ![telaholcomb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/telaholcomb/32/66534_2.png) [@telaholcomb](https://forum.bubble.io/u/telaholcomb)\
**Post date:** [April 28, 2021, 3:53pm UTC](https://forum.bubble.io/t/reusable-element-extends-off-page/138946/4 "2021-04-28T15:53:09Z")

</div>

Your editor isn’t open for public viewing. Check that you have the element inside of a group so it can expand the page.

---

<div class="post-metadata">

**Author:** ![telaholcomb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/telaholcomb/32/66534_2.png) [@telaholcomb](https://forum.bubble.io/u/telaholcomb)\
**Post date:** [April 28, 2021, 3:53pm UTC](https://forum.bubble.io/t/reusable-element-extends-off-page/138946/5 "2021-04-28T15:53:37Z")

</div>

I was able to resolve my issue by extending the length of the page even further. I hadn’t compensated for the header that was in on the page, too.

---

<div class="post-metadata">

**Author:** ![varshneyandson](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/varshneyandson/32/35218_2.png) [@varshneyandson](https://forum.bubble.io/u/varshneyandson)\
**Post date:** [April 28, 2021, 3:57pm UTC](https://forum.bubble.io/t/reusable-element-extends-off-page/138946/6 "2021-04-28T15:57:10Z")

</div>

apologies, i had restored to a previous version and forgot to make the editor viewable again; it should be viewable now. the page length should be the same in the second and third screen shot and this is what’s bugging me. i’m going to try disabling some work flows to see if they’re causing the error

---

<div class="post-metadata">

**Author:** ![varshneyandson](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/varshneyandson/32/35218_2.png) [@varshneyandson](https://forum.bubble.io/u/varshneyandson)\
**Post date:** [April 28, 2021, 4:04pm UTC](https://forum.bubble.io/t/reusable-element-extends-off-page/138946/7 "2021-04-28T16:04:47Z")

</div>

alright, we’re back in business. i forgot (doh!) that i was using the 404 page to handle the path, and while my index page was set correctly, i hadn’t made the same adjustments on my 404 page. it’s working now. thanks for the tip!

For any future readers of this post:  
Screenshot 1 and 2 were working and were rendered by the index page. The 3rd screenshot was from the 404 page. The fix for me was to delete the content of the 404 page and go to the index, select all, and copy and paste the content into the 404 page. Now everything works as expected.

---

<div class="post-metadata">

**Author:** ![telaholcomb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/telaholcomb/32/66534_2.png) [@telaholcomb](https://forum.bubble.io/u/telaholcomb)\
**Post date:** [April 28, 2021, 4:05pm UTC](https://forum.bubble.io/t/reusable-element-extends-off-page/138946/8 "2021-04-28T16:05:37Z")

</div>

That’s exactly what I just discovered while looking at your app. That extra group on the 404 page that it’s redirecting to is the issue.
