• Resolved artistiq

    (@artistiq)


    When I use a link with ID (i.e. link/#ID) to go to a page with the designated collapseomatic item, it works fine on desktop Safari & Chrome (expands the item and scrolls to the item), but is broken on mobile Safari & Chrome (iOS 14.3).

    It does expand the item, but it will not auto-scroll to the item, it will just auto-scroll to the bottom of the page.

    note: This behavior works fine on desktop responsive mode (Chrome
    93.0.4577.63 & Safari 14.1.2 )

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author twinpictures

    (@twinpictures)

    Since you did not provide a link to the page in question, we could only investigate this on our test server.

    Works fine on mobile devices here:
    https://spacedonkey.de/3915/collapse-o-matic-new-findme-options/

    Direct link with scrolling here:
    https://spacedonkey.de/3915/collapse-o-matic-new-findme-options/#my_example

    You might want to try some basic troubleshooting on that site that exhibits this behavior to see if some other plugin or theme function is prohibiting the scrolling.

    Thread Starter artistiq

    (@artistiq)

    @twinpictures thank you for the response.

    The page you sent does work for items in the same page.

    My issue is happening when you are on one page, and click a link to another page and attempt to link to the designated ID item.

    I did disable some plugins, that may have been effecting this, but no success.

    here is a debug page with a link to a page with the associated collapseomatic item to better help demonstrate the issue:
    https://www.milehighgraciejiujitsu.com/debug-test/

    Plugin Author twinpictures

    (@twinpictures)

    Hmm. This works on Android using both Chrome and Firefox.
    We tested it on iOS using browserstack and see that it is scrolling to the bottom of the page as you described.

    OK, we’ll look into what is up with íOS and report back. Issue reopened.

    Thread Starter artistiq

    (@artistiq)

    @twinpictures

    Thank you for the quick reply and confirmation!

    I just added the attribute: findme=”target” to the other collapseomatic items and now they appear to be working on iOS Safari.

    But I wasn’t aware that this attribute was necessary in order to be able to link to the desired collapseomtaic item and have it auto-scroll to it.

    I just added a link to an item with “findme” attribute on the debug page I made for this if you want to test.

    Can you confirm if it is a bug or a problem with my implementation?

    Plugin Author twinpictures

    (@twinpictures)

    it’s not a bug, as it is working correctly on:
    https://spacedonkey.de/3915/collapse-o-matic-new-findme-options/#my_example
    the item scrolls to the correct location, not the bottom of the page.

    Not sure what the issue is on your page with iOS, but it seems you found a workaround solution. Regardless, we’ll keep an eye on this as there should be a proper explanation on why this happens.

    Thread Starter artistiq

    (@artistiq)

    @twinpictures

    I spoke too soon. I actually implemented the findme attribute incorrectly, but it made it work strangely enough. I will add another link to an item to demonstrate.

    when I use: findme="target" it works

    when I use: data-findme="target" it does not work like previously

    Plugin Author twinpictures

    (@twinpictures)

    what happens when you add:
    findme="auto"

    Thread Starter artistiq

    (@artistiq)

    @twinpictures

    Findme="auto" appears to be working!

    I just added that variant to the debug page:
    https://www.milehighgraciejiujitsu.com/debug-test/

    or use this direct link:
    https://www.milehighgraciejiujitsu.com/membership-details/#child-membership

    Plugin Author twinpictures

    (@twinpictures)

    very, very strange. OK. we’ll play around with this and post back with any findings. in the meantime, glad you have a workaround for this strange iOS issue.

    Thread Starter artistiq

    (@artistiq)

    @twinpictures

    Thank you very much for your quick replies, time and support. I really appreciate it! ??

    I will update the items on my end to use the work-around and I’ll leave one with the data-findme="target" for testing.

    I’ll put the link to that in the debug page.

    Would still love to hear what the issue may be.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Not auto-scrolling to correct item on mobile with link anchor ID’ is closed to new replies.