WIP: Two bug in popup (in builder)

Bugs
1

Browser: Chrome (new)
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue

hello bricks team,

1- If the popup content is scrollable and the popup has a limited height, the outline elements will be displayed outside the popup content, which will affect vertical scrolling in the builder and cause the builder content to jump.

2- If the popup has scrolling and we set border-radius for it, the side that has the scrollbar will disable border-radius. This is not a bug, but when I hide the popup overflow using CSS, the scrollbar is hidden and the popup is no longer scrollable.

But this works fine in Elementor. Please see the image below. If possible, it would be great if you could add an option to the popup settings so that the popup scrollbar follows the border-radius.

e
e1024×576 16.3 KB

2

Hi @jolia,

thank you for your report. Let’s go over both reports:

#1: I was able to replicate this one and I’ve created a bug report about it. Once it will be fixed, we will update this topic.

#2: I was also able to replicate this one, but I think it’s not a bug. If you want to have border radius, and scrollable content, then you will need to use CSS to set overflow:hidden on a popup itself, and add scroll on the inner wrapper.

Matej

3

Hi @Matej

I tried to do the latter using CSS, but hiding the overflow makes the scrollbar invisible and the popup content generally unscrollable.

4

Do you have the page online, where I can see the CSS you used to hide the overflow?

5

yes, please

.brx-popup-content {
overflow: hidden;
}

6

Hi,
yeah, I see it now.

If you add this CSS, and adapt it a little, it will work as you intended :slight_smile:

The thing here is that you set the padding to 0 for popup, and then for the first element (in your case a section), you set the height and then overflow. That would cause the scrollbar to be in the element inside, so that overflow:hidden on popup content also covers the scrollbar.

.brx-popup-content{
  padding: 0!important;;
}

.brx-popup-content > section{
  height: 400px;
  overflow: auto;
}

slika
slika1122×914 38.1 KB