Issue with popup background

Design help General
1

Hi everyone,

I’m encountering an issue on my published Webflow page and would really appreciate your help.

When I click on “Gewerbe,” “Grundstück,” or “Wohnung,” the correct popup appears with the proper background, and everything works as expected. However, when I click on “Haus,” the popup background turns completely black, and I have to click the “X” button multiple times to close it.

The popup for “Haus” should behave exactly the same as the others (“Wohnung,” “Gewerbe,” and “Grundstück”) — with the same background and a single click to close it.

Could someone please help me fix this so that the popup for “Haus” looks and behaves the same as the others on the live page?

Here is my site Read-Only: Webflow - RAHMANN

2

You’ve built your popups a bit inconsistenly-
Popups #2, #3, and #4 in your design use a compound class, like this.

image
image1920×981 145 KB

Popup #1 doesn’t have a compound class either on the popup element or in your interactions, so it’s launching parts of all 4 pop-ups.

3

thank you, but how can i fix it?

4

thank you, but should i only change the names and everything will work?

5

You need to redesign the first popup so that it follows the same design pattern as the other popups. That means adding a compound class, and then modifying your interactions so that they target that popup individually for open and close.

You’d need to talk to whoever designed your popups, or just carefully follow their existing design as a reference.

I don’t use interactions for popups anymore because they get overly complex in large setups and difficult to maintain. I built a GSAP-based lib that gives me a lot more control on the open/close triggers and, sleep times.

This won’t help you in this project as it would be a replacement of your popups, but for the future it could be useful.