Error with modals

[shinAC01]

Hello! I'm having a problem with the use of modals in my webapp, I create a layout from scratch based in the basic theme. The thing is that when I click the open modal button my background or the @RenderBody structure changes.

My ABP version is 8.0.2, I'm using MVC with EF Core.

Currenly I copied almost 100% the code structure of the Empty Layout of the basic theme, but with new components like a navbar and a footer made by myself. I put my custom layout inside of "Views" and I'm creating new pages as always.

When I make a Create or Edit Modal.cshtml and when I open that modal, my background changes, for example (watching my inspector), all the content of the renderbody comes out of this div and is positioned below the footer and I have the original navbar, a renderbody now empty and my footer and below that I have a copy of what I already have even with other CSS styles.

The structure should be like this before clicking the modal:
body (abp-empty-layout) => navbar component, a div for my @renderbody and a footer component

After clicking the modal:
body (abp-empty-layout modal-open) => div id = modal (with the navbar, a div and the footer inside) and again the navbar, the @renderbody section and the footer (this time without styles).

This is a school project so I can provide the code of my layout and other stuffs.

Thanks for the help!

[maliming]

hi

Steps needed to reproduce the problem.