At first glance, everything seemed fine on PC: the QuerySelectorAll issue was resolved, and everything appeared to work as expected. However, when I tested the site on my phone, I noticed several serious issues that were not present before the update.
In summary, the entire website is currently unusable on mobile due to these problems:
Scrolling behavior is broken
The website lags significantly while scrolling.
Scrolling stops abruptly or jumps to an unexpected position, making navigation extremely frustrating.
Marquee elements are unreliable
Some marquee elements don’t work at all, while others work inconsistently.
A previously functional JS animation is now missing
The animation no longer renders; instead, a large empty space is displayed.
It briefly appears when scrolling further but disappears almost immediately.
Mobile menu is laggy
Opening the mobile menu results in heavy lag.
Menu items suddenly appear or disappear without the intended GSAP stagger animation.
Additionally, these issues are inconsistent: sometimes elements work as expected, but most of the time they don’t. Interestingly, the problems don’t appear when testing mobile view via Chrome DevTools on PC, but they are very noticeable on an actual mobile device.
Here are two screenshots from my phone to illustrate:
I just removed the whole script but the issues are still there. Maybe it´s a TINY bit better but this could just be a subjective feeling. Objectively I cannot notice a big difference.
The issues are definitely more noticable on mobile and appear a lot more often! But from what I´ve seen they´re also on PC. But tbh it´s not very easy to tell because the problems are so inconsistent. On mobile it´s definitely the most obvious.
What I can say though is that all elements are at least loading on PC. Both the external JS (which caused that big empty space on mobile) and the static text before “positive impact” are there on PC. The mobile menu works fine, too on PC when I switch to mobile view in the browser.
One other thing I just noticed is:
On version 3.0.0-beta-3 I get this console “error”?! (or whatever it is):
Hey! Thanks for sending me access via a ticket. This helped a lot!
I’ve found an issue related to Split Text based timelines especially on mobile devices. I have included the fix to your site. You’re running the 3.0.0-beta.3 now and the result should be the same as the 2.2.7. Can you confirm that?
PS: Any reason why you’re using an own CDN Lenis version instead of the out of the box Bricksforge Lenis one? It’s just one click in the Extensions tab
me too I’m facing some minor inconsistencies on mobile, I haven’t checked it before because there are other issues now solved from beta 3.0.0. In my specific case:
a simple scrolltrigger text reveal (play none none none) on mobile restart entering again in the viewport when it should only play once.
follow cursor (made only with bricksforge no custom code) appears also on mobile.
I’ll try deleting and recreating both animation.
Apart from it no lag or other issue with bricksforge animation or gsap custom code added in the event (or node) panel. Page speed insight is the same as before.
Once again, I’m absolutely speechless about your amazing support and how quickly these things get resolved! I can confirm that everything is working perfectly now, both on PC and mobile! Thanks so much again for your help!
About Lenis:
There are two reasons for my setup :
I already had all this configured in the Bricksbuilder custom code field before I installed Bricksforge.
Honestly, until just 5 minutes ago, when I asked ChatGPT, I wasn’t 100% sure how to recreate the exact same behavior using Bricksforge. ChatGPT explained that the lerp value is only relevant if you don’t set a duration (default lerp is 0.1). If you set a duration, Lenis ignores the lerp value and internally sets it to 1.
So, now that I understand this, I can definitely switch to the Bricksforge solution!
