Slider arrows workin incorrectly in safari (desctop and iphone)

  • Hi,

    We have an issue with slider arrows. Everything works fine in chrome but in safari we face some problems. When the page is loaded I can see them but when I click the right arrow, the next image appears but 2 arrows become hidden. I checked inspector and found out that after clicking, amp-disabled class is added to arrows and it makes them invisible. I suspect that it’s some js compatibility problems. At the moment we just added additional css and made disabled arrows visible. Could you please check it and approve that this is a plugin bug? Thanks.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Weston Ruter

    (@westonruter)

    What version of Safari are you testing in? I’m not seeing the arrows hidden in Safari 12.1.1 for Mac.

    Thread Starter antondrob

    (@antondrob)

    Hi Weston,
    I am using windows 10 and downloaded the most updated safari (5.1.7) for my laptop. I suppose I am a single person who tested in such conditions.
    The thing is that the arrows are becoming hidden after some seconds. It can be replicated only on mobile devices (android and ios). You can go here https://topdialog.ru/2019/07/07/po-reke-plyvjot-teatr-v-peterburge-sostojalsja-vodnyj-festival/amp/ and check how they work on desktop and on mobile.
    In desktop chrome this arrows are always visible.
    So my question: is there a way to make these arrows always visible on mobile devices?

    Thread Starter antondrob

    (@antondrob)

    I found here https://amp.dev/documentation/components/amp-carousel/ that amp-carousel has optional attribute controls.
    Permanently displays left and right arrows for the user to navigate carousel items on mobile devices. By default, navigational arrows disappear after a few seconds on mobile. The visibility of arrows can also be controlled via styling, and a media query can be used to only display arrows at certain screen widths. On desktop, arrows are always displayed unless only a single child is present.
    So my question: is there a way to add this attribute in plugin so that I can update it in the future?

    Akki

    (@luckyankit)

    I also have same query since months. ??

    Plugin Author Weston Ruter

    (@westonruter)

    How are you adding the carousel to the page in the first place?

    Thread Starter antondrob

    (@antondrob)

    The gallery is added by [gallery] shortcode.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Slider arrows workin incorrectly in safari (desctop and iphone)’ is closed to new replies.