Hi there,
I haven’t had the chance until now, but I’m taking this opportunity to congratulate you on your theme! It’s great from many points of view!
There is a bug with the Flex Loop Filters element.
During the page load, there is a kind of “jump” of the selector, displaying the first option instead of the placeholder. When the page is fully loaded, the selector is displayed properly.
This can also be noticed on any of the Jobs or Companies pages of the Job Hunt demo.
I’m working on displaying a similar filter bar on the site, but I would really like to know how this problem can be fixed. It is quite unpleasant the loading way of this element. 🙂
I would really appreciate your support in this matter!
Kind regards,
Paula
Hello Paula!
After you save the changes and reload the page, the problem shouldn’t be there anymore.
Thank you for your feedback!
Hi Bettina,
Thank you for your reply!
Unfortunately, your advice doesn’t solve the issue…
Of course I save the changes, but this is not related to the real problem. 🙂
The bug doesn’t go away just because the changes are saved, and as I mentioned in my first message, this issue also exists on your Job Hunt demo (https://demo.tagdiv.com/newspaper_job_hunt_pro/companies/).
Please advise.
Kind regards,
Paula
Hello Paula!
Oh, I understand now what you mean. That’s not a bug. After choosing a filter, you need to wait to refresh in order to choose the second filter. That “jump” is when the js is loading.
Thank you!
Hi Bettina,
Thanks again for your reply!
I suppose I wasn’t very clear with my message from the beginning. Sorry for that!
I know that after choosing a filter you have to wait for the page to reload in order to display the selection’s results or to choose another filter. Yes, indeed, that “jump” occurs in this situation as well.
However, the display problem I’m referring to also appears on the first interaction with the page, without choosing an option.
This is how the filters look until the page fully loads:
https://prnt.sc/NZdYlfpojwW5
After the page is loaded, the filters display properly:
https://prnt.sc/X5Qk8ufWN6jj
I understand that this is a JS load, but I would be glad if there was a solution to remove that display issue during page loading as well.
Please advise.
Thank you!
Hi paulab3nn3tt,
Unfortunately for to mentioned situation the only solution is to use a css that will delay 1 second the element to be load until the theme code is loading the filters, for this you need to add an extra class – https://i.imgur.com/Z1m4AOb.png on the filter and use a custom css like this one -> https://i.imgur.com/2YyXMbF.png
.effect{
opacity: 0;
animation: fadeIn 1s;
animation-delay: 1s;
animation-fill-mode: forwards;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
I hope this will help you!
Hi Calin,
Thank you for your reply!
I will use this solution, although the problem doesn’t go away completely. The jump is still displayed for a few milliseconds.
Anyway, thank you for your support! I really appreciate it.
Maybe you could put this JS loading issue on your list of improvements. There are many filter plugins that work similarly but don’t have this display problem.
I’m sure you can improve on this too! 🙂
Hi,
“I will use this solution, although the problem doesn’t go away completely. The jump is still displayed for a few milliseconds.”
What can be done is to set 1.5s or 2s and this will resolve the problem.
Yes, we already informed our developers about this and we hope that will be resolved.
Thank you!
Hi Calin,
Thanks again for your support!
What can be done is to set 1.5s or 2s and this will resolve the problem.
Yes, I already did that, but the problem still occurs from time to time.
Anyway, I’m sure everything will be better with the new updates!
Thank you again!
