Hello dear new friends, so we are trying out bricks and we are very happy with it but there is some problems which we can’t find fix for it…
Added interactions animation start content loaded animation any of them… delay, without delay, duration etc… everything we tried we end in black hole…
When we try to refresh page in desktop and in chrome dev mobile any other device we can see animation runs perfectly fine without any problems…
When we test it with MOBILE chrome, brave, edge etc… safari… we don’t see those entrance animations, it is like it is jumping on refresh we see like it just gone and it shows up but without any effect, does any one found this also?
UPDATE
Try Bricks – ta49d774 here is bricks demo website and it doesn’t also show header animation in mobile devices. You can check it yourself.
Chrome dev mobile emulator shows it perfectly fine 5s animation added, but on mobile it just refreshes as 0s
I tested on an Android phone and on an iPhone (Safari), and I could not reproduce the issue. But, then I went to Settings (on iPhone) and tested again with “Reduced motion” settings turned on, and it’s just like you described. It’s hidden but then is shown immediately.
There is a similar post in the “know issues” article: Known issues – Bricks Academy. It’s for sliders, but the same applies to the animations.
If that is the case on your iPhone (that you have this setting turned on), then I will mark this as a no-bug.
Currently tested with Iphone 13, Xiaomi 13 devices, don’t have more now. I can see UI animations etc… also I see it works fine with breakdance builder animations, but problem is only now with bricks builder that animations on mobile is not shown
Forgot to mention that reduced motion on Iphone is also same no settings was touched because it is new phone.
this is what I don’t understand… Example… There will be like 100+ users per day which would view project and it needs mobile version effects to be working so If I need to give notification on website if you want to see effects please go to your devices, browser settings etc…???
I have now tested breakdance and I see that effects works just fine so what is the difference between bricks and breakdance that it works there?.
UPDATE
forgot to close browser and reopen… it works fine! So why the hell breakdance effects works without need to enable, disable motion settings?
Now, for why it works for BreakDance, I can’t say, because I don’t know the builder that much. But I would say that they might not use @media (prefers-reduced-motion: reduce) CSS, to disable animation for the “reduced motion” option.
Now, what you can do, is to write your own prefers-reduced-motion CSS, if you really want to show animation there. Or, you can maybe select some other animation, more “calm” one or something.
It’s hard to resolve this, as the user with this setting is saying “Please don’t show me animations - or as few as possible”. So, the only correct way is to take this into account.
For users, that can’t stand animations, this is a really important setting. But I agree, for users that have this turned on, and they don’t even know, it’s not the best experience.
