Screen grayed out after adding first item

Hello,

Had you tried to switch to any other theme and checked this issue?

No, have not try on other theme. I’m using the Divi theme. Seems problem appeared after last update.

Hey I was having this issue and commented on another post but I ended up having a few other issues with popups and overlays. Here is how we solved all of it:

In our main.js file we had to add this:

$(document).on('click', '.submit-fooditem-button', function(e) {
	$('.modal-backdrop').removeClass('in');
});

$(document).on('click', '.rpress-delivery-opt-update', function(e) {
	$('.rpress-delivery-options').removeClass('in');
});

$(document).on('click', '.rpress-food-options .close', function(e) {
	$('.rpress-food-options').removeClass('in');
	$('.modal-backdrop').removeClass('in');
});	

And in our style.css file we added this CSS:

.modal-backdrop.fade {
    pointer-events: none;
}

• This reply was modified 4 years, 7 months ago by camknight.

What theme are you using? Was wondering if it was theme specific. I think it’s a bug what do you think? The developer should fix it not us.

We are using a Divi theme for this project.

@camknight,
Divi here too. Seems to be happening only on Divi sites then. This is not good.

@kennywebworkz and @camknight Sorry about all the issues you are having.

We are going to extensive test with Divi theme and release necessary update.

.modal-backdrop {
display:none !important;
}

seems to fix the problem!

@giulioschiavo,
Yes, no more pop up overlay. Will continue to do more testing to confirm.
Thank you so much.

I also have this problem with Astra – Elementor

Same problem but with its own theme

https://robertherold.net/szelkakas/etel-hazhozszallitas/

1. click to ADD button
2. select the delivery time
3. and click ADD TO CART
4. and the page remains dark overlay

@robertherold,
Did you try the fix by @giulioschiavo?
.modal-backdrop {
display:none !important;
}

by @studiojack:

html body div#rpressModal {
background-color: #000000d1 !important;
}
.modal-backdrop.fade.in {
display: none !important;
}

But would that be the official solution? Or will this be fixed in the next version?

We had similar issues and support had a look and changed something. Now it doesnt work at all but doesnt grey out now. Refreshing after clearing order brings ut back.

Test site https://calderwoodcafe.co.uk/Order/