Hey, i am still having massive problems
Hey, i am still having massive problems with the modal on mobile devices, When can we expect a fix?
27 Replies
Unknown User•7mo ago
Message Not Public
Sign In & Join Server To View
i am using current chrome version on iphone 13 also clients on iphones have this issue in Chrome.
https://community.cloudflare.com/t/zaraz-consent-window-bug-with-scrolling-consent-buttons-not-visible-iphone/654449
i have seen you tried to reproduce this, but i can't do more as making videos
But i will go into Consent API and will try to build my own Modal
Unknown User•7mo ago
Message Not Public
Sign In & Join Server To View
okay sorry you have to understand, that my client is getting messages from his clients that they can't user the website because they can't see buttons in the modal.
Unknown User•7mo ago
Message Not Public
Sign In & Join Server To View
we tested on iphone 13, iphone 13 min, iphone 14 and the clients from my clients also use iphones with chrome. And all have the problem.
perhaps a tutorial how to use the consent api would be very helpful 🙂
we tested also Safari same issue
iphone13 mini chrome
Unknown User•7mo ago
Message Not Public
Sign In & Join Server To View
notus.xyz
Unknown User•7mo ago
Message Not Public
Sign In & Join Server To View
thank you so much 🙂
Hey @yo'av Is there something the team found?
Unknown User•6mo ago
Message Not Public
Sign In & Join Server To View
Thank you. Yes it is default without custom css. I made it sticky to bottom it works but just as a workaround
Unknown User•6mo ago
Message Not Public
Sign In & Join Server To View
.cf_consent-buttons {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
gap: 0.5rem;
max-width: 50em;
margin: calc(-1 * var(--padding));
margin-top: 0;
align-items: center;
justify-content: flex-end;
padding: 12px 18px;
padding-right: 12px;
background-color: transparent;
position: sticky;
bottom: 0rem;
}
made the buttons sticky
Unknown User•6mo ago
Message Not Public
Sign In & Join Server To View
If it's helpful, i've seen these kind of rendering issues on ios/mac due to css filter blur (not Zaraz modal, but in general). I do wonder if you remove background blur, that'll fix the rendering issue.
Unknown User•5mo ago
Message Not Public
Sign In & Join Server To View
@yo'av thank you so much, i will test this 🙂
It is still causing this bug 🐜 🥲🙃
Still Safari and Chrome Iphone Problems
Unknown User•4mo ago
Message Not Public
Sign In & Join Server To View
yes custom css is now off, still the issue
Unknown User•4mo ago
Message Not Public
Sign In & Join Server To View
5796'
'5796'
On Mac Air M2 Chrome
You can also test on Safari, it is not loading correctly
