# New Dialog as component problem

**URL:** <https://community.weweb.io/t/new-dialog-as-component-problem/15545>\
**Category:** Ask us anything\
**Created:** [January 24, 2025, 1:05pm UTC](https://community.weweb.io/t/new-dialog-as-component-problem/15545 "2025-01-24T13:05:30Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dominic](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dominic/32/5645_2.png) [@Dominic](https://community.weweb.io/u/Dominic)\
**Post date:** [January 24, 2025, 1:05pm UTC](https://community.weweb.io/t/new-dialog-as-component-problem/15545/1 "2025-01-24T13:05:30Z")

</div>

Hi,

I’m trying to use new dialog (modal) in component. However, each time I try to edit a dialog within a component it shows up greyed as if it was covered by backdrop or something.

I also tried this on new project with no other components and the outcome is exactly the same.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/5/5a22f522f4d5aeb3b7e84be55462890a0962f07c.jpeg)

Is there a way so that modal (dialog) within a componend would be normally visible?

However when showing not in component editing mode it shows up normally.

Dominik

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [January 27, 2025, 1:29pm UTC](https://community.weweb.io/t/new-dialog-as-component-problem/15545/2 "2025-01-27T13:29:07Z")

</div>

Hey Dominic, unfortunately this is a bug with the component edition. I’m talking to the development team on how we can fix it

---

<div class="post-metadata">

**Author:** ![Renzo](https://avatars.discourse-cdn.com/v4/letter/r/439d5e/32.png) [@Renzo](https://community.weweb.io/u/Renzo)\
**Post date:** [January 30, 2025, 8:52am UTC](https://community.weweb.io/t/new-dialog-as-component-problem/15545/3 "2025-01-30T08:52:27Z")

</div>

Same here hopefully resolved quickly.

---

<div class="post-metadata">

**Author:** ![Renzo](https://avatars.discourse-cdn.com/v4/letter/r/439d5e/32.png) [@Renzo](https://community.weweb.io/u/Renzo)\
**Post date:** [February 6, 2025, 10:05am UTC](https://community.weweb.io/t/new-dialog-as-component-problem/15545/4 "2025-02-06T10:05:40Z")

</div>

Any updates on this?

---

<div class="post-metadata">

**Author:** ![Matto](https://avatars.discourse-cdn.com/v4/letter/m/67e7ee/32.png) [@Matto](https://community.weweb.io/u/Matto)\
**Post date:** [February 10, 2025, 9:25pm UTC](https://community.weweb.io/t/new-dialog-as-component-problem/15545/5 "2025-02-10T21:25:32Z")

</div>

Also have the issue with modal not visible on mobile when deployed. It seems to still be clickable just its invisible. Lots of problems on things after deployment that work in the editor!

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [February 13, 2025, 7:03pm UTC](https://community.weweb.io/t/new-dialog-as-component-problem/15545/6 "2025-02-13T19:03:34Z")

</div>

Can you send me your project link in dm?

---

<div class="post-metadata">

**Author:** ![fgrani](https://avatars.discourse-cdn.com/v4/letter/f/ebca7d/32.png) [@fgrani](https://community.weweb.io/u/fgrani)\
**Post date:** [April 9, 2025, 12:20pm UTC](https://community.weweb.io/t/new-dialog-as-component-problem/15545/7 "2025-04-09T12:20:46Z")

</div>

Having the same issue here, any news on a fix?

Thanks!

---

<div class="post-metadata">

**Author:** ![Yaj](https://avatars.discourse-cdn.com/v4/letter/y/eb8c5e/32.png) [@Yaj](https://community.weweb.io/u/Yaj)\
**Post date:** [April 23, 2025, 3:47am UTC](https://community.weweb.io/t/new-dialog-as-component-problem/15545/8 "2025-04-23T03:47:17Z")

</div>

This is still an issue and its a huge pain.

Why do i have to delete these elements from the DOM to be able to edit properly?

So you can edit the overlay to be pretty much invisible but you can’t even remove their overlay you just have to make it redundant. You could easily set up something so it only does it in the editor but its incredibly fucking stupid I have to do anything like that at all.
