Carousel Rending Issues in iOS Safari

Alex K

• April 26, 2022 21:00

Hello - not sure if this is a bug or if I am setting up my carousel incorrectly. My carousel intends to display 3 items for desktop users and for mobile users with a smaller screen it should only show one item at a time.

The mobile preview looks as intended and when I load in Firefox mobile it renders correctly. However in Safari it shows all 3 columns. Is there something special I need to do to force this to render properly in Safari or is this a bug you can take a look at please? Thanks!

Included below is a picture to better show the issue.

0

• 

  KC George

  • April 27, 2022 07:26

  Hi Alex,

  Can you please share the URL of your website? Please share the front end URL and not the Brizy Editor URL 

  0
• 

  Alex K

  • April 27, 2022 14:29

  https://apricot2148875.brizy.site/

  0
• 

  KC George

  • April 27, 2022 16:04

  Hi Alex

  In my test in Safari in an iPhone 11 Pro Max, the carousel seems to load fine. Can you test on few other devices?

   

  This is how it appears on iPad Pro 12.9 2020 https://jmp.sh/jHABbMg

  0
• 

  Alex K

  • April 27, 2022 17:10

  Hi - the issue is still happening on an iPhone 11 Pro running iOS 15.4.1.

  Thanks to your comments I think I've figured out how you can reproduce this.

  If you go into Setting > Safari > Enable block all cookies the issue should happen for you. If you turn that off and allow cookies the Carousel renders correctly.

  Thanks!

  0
• 

  KC George

  • April 28, 2022 07:51

  Hi Alex,

  Are you implying that a significant percentage of iPhone users keep their cookies disabled and hence you are concerned that the website won't display well on their phones? 

  0
• 

  Alex K

  • April 30, 2022 01:42

  Yes - Please log this as a bug or feature request.

  Thanks for your help looking into this.

  0

Please sign in to leave a comment.