# Content is overflowing outside the screen

**URL:** <https://community.glideapps.com/t/content-is-overflowing-outside-the-screen/15722>\
**Category:** Ask for Help\
**Created:** [September 13, 2020, 12:44pm UTC](https://community.glideapps.com/t/content-is-overflowing-outside-the-screen/15722 "2020-09-13T12:44:05Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sharvan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sharvan/32/13511_2.png) [@Sharvan](https://community.glideapps.com/u/Sharvan)\
**Post date:** [September 13, 2020, 12:44pm UTC](https://community.glideapps.com/t/content-is-overflowing-outside-the-screen/15722/1 "2020-09-13T12:44:05Z")

</div>

Hey guys,

I’m using a Rich Text field here which is parsing HTML code.

 ![Screenshot 2020-09-13 at 6.10.03 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/a/a3826fb5510930982e75c6d19087854e73615647.jpeg)

As you can see in the image, my content is overflowing outside the viewport/screen. Is there a workaround to set a Max Width or something like a container to contain the area within which the data can be present??

This is the link to my app:  
[https://barbarous-salt-9152.glideapp.io/](https://barbarous-salt-9152.glideapp.io/)

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 13, 2020, 12:45pm UTC](https://community.glideapps.com/t/content-is-overflowing-outside-the-screen/15722/2 "2020-09-13T12:45:42Z")

</div>

FYI - but for sure it is used a lot so perhaps one of the other HTML using Gliders can help!

> [@Rich text / iframe / video / google forms](https://community.glideapps.com/t/rich-text-iframe-video-google-forms/6634/2):
>
> HTML is not supported in the Rich Text component.

---

<div class="post-metadata">

**Author:** ![Sharvan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sharvan/32/13511_2.png) [@Sharvan](https://community.glideapps.com/u/Sharvan)\
**Post date:** [September 13, 2020, 5:25pm UTC](https://community.glideapps.com/t/content-is-overflowing-outside-the-screen/15722/3 "2020-09-13T17:25:49Z")

</div>

Oh! That’s too bad. I was really hoping there’d be a simple workaround.

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 13, 2020, 5:26pm UTC](https://community.glideapps.com/t/content-is-overflowing-outside-the-screen/15722/4 "2020-09-13T17:26:57Z")

</div>

There might be. @Jeff_Hager or @Robert_Petitto?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [September 13, 2020, 5:35pm UTC](https://community.glideapps.com/t/content-is-overflowing-outside-the-screen/15722/5 "2020-09-13T17:35:12Z")

</div>

Not sure, but you could try wrapping all of the html in a `<div>` tag with width set to 100%. I’m guessing one object in the html is wider or has a hard-set pixel width set, so it’s setting the overall width of all of the content on the entire page beyond the pixel width of the screen.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [September 13, 2020, 5:39pm UTC](https://community.glideapps.com/t/content-is-overflowing-outside-the-screen/15722/6 "2020-09-13T17:39:35Z")

</div>

Hi there @Sharvan, I agree with @Jeff_Hager, one of the elements in your html code is too wide, probably your image.

Workarounds work fine until they don’t anymore. If I were you I would ignore workarounds. If a text component doesn’t support html, then it doesn’t support it. 🙂

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 13, 2020, 5:41pm UTC](https://community.glideapps.com/t/content-is-overflowing-outside-the-screen/15722/7 "2020-09-13T17:41:17Z")

</div>

Plus I’ve read many times that HTML may stop working at anytime without notice (since it isn’t supported in the first place). So that’s a big risk you should consider…

---

<div class="post-metadata">

**Author:** ![Sharvan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sharvan/32/13511_2.png) [@Sharvan](https://community.glideapps.com/u/Sharvan)\
**Post date:** [September 13, 2020, 5:44pm UTC](https://community.glideapps.com/t/content-is-overflowing-outside-the-screen/15722/8 "2020-09-13T17:44:55Z")

</div>

Thanks for your prompt response guys. Guess I’ll have to figure out a non-HTML way of doing it now. Will definitely let yall know how that goes. 😁

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [September 13, 2020, 6:27pm UTC](https://community.glideapps.com/t/content-is-overflowing-outside-the-screen/15722/9 "2020-09-13T18:27:58Z")

</div>

That’s what I was going to suggest. I imagine the image was pulling the div past 100%.
