WIP: Some issues after activating Cascade layer

Bugs
1

Browser: Chrome 131.0.6778.205
OS: Windows

Hi bricks team,

If we enable Cascade layer, the clear icon in the filter-search element will move out of position. Both in the builder and in the frontend.

Cascade layer

1 Like
2

Thank you @HOSEIN for the report.
I was able to replicate the issue, and I’ve added it to our internal bug tracker.

Thanks,
Matej

2 Likes
3

Hi again @Matej,

There is one other small thing related to this report…

If Cascade layer is enabled, there will be a small change to the empty image notification in the Builder, as shown in the screenshots below.

Before

before

After

after

4

Thanks!
I’ve added this one also.

Matej

2 Likes
5

In connection with this report, one of the default arrows in the nestable slider element is inverted. Both in RTL and LTR. The problem is solved after disabling the Cascade layer.

nestable slider
nestable slider1170×477 13.3 KB

6

Thank you, I’ve created new internal task for this :slight_smile:

Matej

2 Likes
7

Thanks Matej,

if you agree I think I should update the title of this report. Because this problem is not limited to the filter-search element. On the other hand, other things may be added to this report.

1 Like
8

Yep, sounds good :+1:

1 Like
9

Hi again Matej,

Two more issues related to cascade layer…

1- When I disable cascade layer, a lot of the page content breaks. For example, nestable accordion items all open by default. Or, for example, nested tabs encounter problems and the contents of the tabs merge together. Even the nestable nav element breaks and in general nestable elements seem to be affected. After regenerating the css the problem is fixed.

1
11743×908 43.3 KB

2- If we use the basic text element in the component and set its tag to span and also set a width and height for it, if the cascade layer is disabled, the width of this element will be affected. Please see the screenshot below.

2
21919×913 82.3 KB

I won’t be regenerating the CSS so you can check these two things out closely. Link

Thank you

10

Hi @HOSEIN,

thank you. I was able to replicate both of them locally and I’ve created a task for them.

Thanks,
Matej

1 Like
11

Hi again,

Also in the accordion element

Screenshot_1
Screenshot_11144×258 4.64 KB

12

Hey. Yeah, what happens if you regenerate the CSS. I guess you are using External Files?

Matej

13

Hi Matej,

I guess you are using External Files?

Yes, but it’s the same in inline CSS.
Regenerating the CSS does not solve the problem. Only the cascade layer needs to be disabled to solve the problem.

14

Hey @HOSEIN,

the reason why I could not replicate it, is that I tested on the latest development version. But once I switched to 1.12-beta, I could reproduce it.

So, it should be fixed when stable version is released :slight_smile:

Thanks for the report.
Matej

15

Thank you Matej,

Is there a beta 2 version? Publicly

16

No, there was only one beta release (the one from December). The newer version is only local/development for now.

Matej

1 Like
17

Hi Hosein,
We fixed this issue all issues except the slider arrows issue in Bricks 1.12, now available as a one-click update in your WordPress Dashboard.

Changelog: Bricks 1.12 Changelog – Bricks

As soon as the last task is solved, we will let you know. In the future, please create separate tasks for each problem, even if the same setting causes it. Otherwise, it is almost impossible to keep track.

Best regards,
timmse

1 Like
18

Hi again Matej and timmse,

The effect of cascade layer on nestable slider arrow, and the problems of disabling it still exists. If you think I need to create a new report for that, please let me know.

Thank you