NO BUG: Mobile overflow with brightness filter

Bugs
1

Browser: Chrome 110
OS: Linux / Android.
URL: white space in movil version

Captura
Captura1911×933 252 KB

Captura
Captura1911×933 361 KB

Hello everyone, could you help me solve why in the mobile version white space is added to the right, forgive me, maybe it’s my mistake but I’ve been looking at the forum for a while and I can’t solve it, thanks in advance.
Jonas Coder

2

One of your container or text is overflowing that’s what causing the issue.
I would suggest to add the following line of code to global CSS, that way all your element will get a border and you can find easier which item causing the issue.

*,
*::before,
*::after {
box-sizing: border-box;
outline: 2px solid lime;
}

3

Thank you very much for answering me so quickly, I am going to apply what you tell me, see if I am lucky and I can solve it, thank you very much

I have done what you told me and there is no element that pushes, it seems as if it put a right margin before the html or the body, do you have any more ideas? thanks in advance

4

Sorry for the inconvenience, in the end I solved it with the following code

html, body {
    overflow-x: hidden;
}

in the main css

5

Hmm interesting I can see on your video that everything seems quite right, also cannot see any element that causing the issue.
The code you mentioned solve the issue but not the best solution if you want to use sidescrolling on the site. Maybe you could try looking inside the mobile menu also, or if you have a live link I can look into it. :slight_smile:

1 Like
6

Hi Jonas,
The root cause of the problem: it is the brightness filter. A similar issue arises using the backdrop-filter. But in both cases, it’s not a Bricks bug:

CleanShot 2024-12-05 at 11.29.00@2x
CleanShot 2024-12-05 at 11.29.00@2x816×162 15.7 KB

Best regards,
timmse

7

Tanks, every day learning new thinks :slightly_smiling_face: