Modal window background not covering full screen

Hi there,

I can’t figure out how to the gray to cover everything.

Right now there is a little gap on the right about 1 inch.

I saw your answer to attach it to a viewport. I set my body width 100 and height 100 with no margins. It went gray then, but I lost my scroll bar and when my window closed, I didn’t get it back.

I don’t want to have to tweak my body settings to make this work. I just want it to fill up the entire screen. There must be a way - I’ve seen it work other places.

Please help!!




you can define some container with desized sizes on the page. The viewport can be set to this container and “modal” property will be applied inside it:


Unfortunately, there are no other ways.