NO BUG: Simple bug in new ajax loading + pagination element

Bugs
1

Browser: Chrome 115
OS: Windows
Link: page – Try Bricks – t7b3ff1b

Hi bricks team,

As per Thomas’ YouTube version 1.9 review video, I added an Ajax loading to the Pagination element. The problem here is that after changing the page, the Animation display takes about 8 pixels more space, which causes annoying page skipping. (According to the video below).
Currently the only way is to put 4px margin from top and bottom for pagination to solve the page jump. But this issue creates other problems. If you look closely at the bottom two images in the video below, you will see that the page change is accompanied by a jump.

Is there a way for you to solve this problem in bricks? Or should we continue with the current solution?

thank you

2

Hi @aslotta,

Would you please review this item? ane this.

thank you

3

Hi Hosein,
Thanks for your report!

Since the styling of the pagination varies from user to user and website to website, and the loading spinners have a certain default height, it is almost impossible to cover every imaginable scenario.

The easiest solution I see spontaneously is to wrap the pagination with a block (or div) with the same max-height as the pagination and where you place the spinner. In your case, that’s 40px. Then nothing should jump anymore :slight_smile:

1 Like