SOLVED: No results text bug in Query loop, resizing in Chrome (minor)

Browser: Chrome 121.0.6167.161
Bricks: 1.9.6.1

It’s a bit of a strange bug, but the page acts strange when resizing the page within the dev console in Chrome. When resizing back, the font and some other elements get bigger, and when decreasing width the page content gets squeezed in (like when you have some div too wide in mobile and you get extra white space on the right).

This happens when there is a query loop and a text set under ‘no results’. The query loop itself shouldn’t have any results to test this. I was searching a bit and eliminating stuff and then found that the page acts normal again when removing the ‘no results’ text within the query loop.

1: Create a query loop (empty) and set a text for ‘no results’.
2: Resize that page in the Chrome dev console (the responsive view option).

Using a staging site. I hope this was clear.

Hi Stan,
Thanks so much for your report!

I reproduced the issue and added it to our bug tracker.
Obviously the inline style, which is apparently necessary for the new sort and filter features, is causing the overflow. We’ll check that.

Theoretically you can solve this by using the following custom CSS - but I don’t know if it has any other negative effects :v:

.bricks-posts-nothing-found {
    width: unset !important;
}

Best regards,
timmse

2 Likes

Hi Stan,

We’ve fixed this issue in Bricks 1.9.7(.1), now available as a one-click update in your WordPress Dashboard.

Please take your time and read the changelog carefully as Bricks 1.9.7(.1) contains breaking changes that will make your Bricks website more secure.

Changelog: Bricks 1.9.7 Changelog – Bricks

Please let us know if you are still experiencing issues.

1 Like