# Problem with modal

**URL:** <https://community.weweb.io/t/problem-with-modal/16569>\
**Category:** Ask us anything\
**Created:** [February 17, 2025, 2:59am UTC](https://community.weweb.io/t/problem-with-modal/16569 "2025-02-17T02:59:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![niquini](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/niquini/32/6449_2.png) [@niquini](https://community.weweb.io/u/niquini)\
**Post date:** [February 17, 2025, 2:59am UTC](https://community.weweb.io/t/problem-with-modal/16569/1 "2025-02-17T02:59:55Z")

</div>

What do I do when my modal is too big and I can’t scroll?

 ![Captura de Tela 2025-02-16 às 23.58.16](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/c63d5f59462f4f82bbfe8d3e2a21302102bfc4ec.png)

---

<div class="post-metadata">

**Author:** ![sam1](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/sam1/32/6724_2.png) [@sam1](https://community.weweb.io/u/sam1)\
**Post date:** [February 17, 2025, 3:06am UTC](https://community.weweb.io/t/problem-with-modal/16569/2 "2025-02-17T03:06:20Z")

</div>

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d438756ffffb2f9cb078a01681e75ac88f0f4061.png)  
set the overflow to auto to add scroll bars

---

<div class="post-metadata">

**Author:** ![niquini](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/niquini/32/6449_2.png) [@niquini](https://community.weweb.io/u/niquini)\
**Post date:** [February 17, 2025, 3:18am UTC](https://community.weweb.io/t/problem-with-modal/16569/3 "2025-02-17T03:18:23Z")

</div>

I tried this and it didn’t work… do you apply it to the dialog or container (content)?

---

<div class="post-metadata">

**Author:** ![sam1](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/sam1/32/6724_2.png) [@sam1](https://community.weweb.io/u/sam1)\
**Post date:** [February 17, 2025, 3:29am UTC](https://community.weweb.io/t/problem-with-modal/16569/4 "2025-02-17T03:29:29Z")

</div>

Apply it to the content, you may need to make a wrapper div

---

<div class="post-metadata">

**Author:** ![niquini](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/niquini/32/6449_2.png) [@niquini](https://community.weweb.io/u/niquini)\
**Post date:** [February 17, 2025, 3:43am UTC](https://community.weweb.io/t/problem-with-modal/16569/5 "2025-02-17T03:43:18Z")

</div>

It didn’t work… I already have a content div and elements inside and overflow activated.

 ![Captura de Tela 2025-02-17 às 00.42.35](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8d4ff6b8fdbe5efd74e72b83a5a74b0d517de6bd.png)

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [February 17, 2025, 6:36am UTC](https://community.weweb.io/t/problem-with-modal/16569/6 "2025-02-17T06:36:37Z")

</div>

You need to set the height to a fixed number in order for the scroll to kick in.

---

<div class="post-metadata">

**Author:** ![niquini](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/niquini/32/6449_2.png) [@niquini](https://community.weweb.io/u/niquini)\
**Post date:** [February 17, 2025, 1:42pm UTC](https://community.weweb.io/t/problem-with-modal/16569/7 "2025-02-17T13:42:26Z")

</div>

now it worked. Thanks