WIP: Bug in ajax popup (quick view)

Bugs
1

Browser: Chrome 120
OS: Windows

Hi bricks team,

If the CSS loading method is on External files, there will be problems…

For example, in popup border-radius doesn’t change in button element or absolute position doesn’t work in icon element. These problems cannot be solved in the front end except with Regenerate CSS files.

2

Hi @HOSEIN ,

May I know how you setup the AJAX popup?
Can you check if you are facing the same issue as this thread?

Otherwise, please provide the setting so I can try replicate it.

Regards,
Jenn

3

No, I don’t think it is similar to this case. Because I use template element in query loop. I will email you the site information. thank you!

4

Hi @HOSEIN ,

Thank you for the login details.
Yes, I can see the issue now. The ID level style of the Popup (ID 7571) saved in your actual page CSS file (ID 3).
If the ID level style changed inside the popup, the actual page (ID 3) CSS not regenerate. You can only trigger the regenerate when resave the page (ID 3) or Regenerate all CSS.

I have recorded it in the bug tracker.

As a workaround for now, you can move the styles from the element ID level into global class, and resave the page (ID 3). This will remove the popup styles in ID 3 and the global class style will be fetched via AJAX and ensure it’s the latest one.

Hope this helps.

Regards,
Jenn

1 Like
5

alright, thank you @itchycode

6

Hi @itchycode,

It seems that this bug has been fixed and I tested it now and there is no problem.