Unable to navigate to cross tab anchors in su_tabs

  • Resolved cafyon

    (@cafyon)


    4 years, 10 months ago

    Hello,

    I use;
    Wordpress version: 4.6.18
    Shortcode Ultimate version: 4.9.9

    Let’s say I have a page in a folder structure in a DOMAIN like:
    DOMAIN/etkinlikler/etkinlik-gecmisi/2018-2019_etkinlikler

    Inside this page I have a problem with su_tabs. The simplified code is:

    [su_tabs]
[su_tab title="TAB_1" anchor="ANCHOR_1"]
...
<a href="#ANCHOR_INSIDE_TAB_2" target="_self">Navigate to anchor inside tab 2</a>
...
<a id="ANCHOR_INSIDE_TAB_1"></a>
...
[/su_tab]
[su_tab title="TAB_2" anchor="ANCHOR_2"]
...
<a id="ANCHOR_INSIDE_TAB_2"></a>
...
<a href="#ANCHOR_INSIDE_TAB_1" target="_self">Navigate to anchor inside tab 1</a>
...
[/su_tab]
[/su_tabs]

    My problem:
    When I click to the link inside first tab (#ANCHOR_INSIDE_TAB_2) to navigate to anchor in second tab (ANCHOR_INSIDE_TAB_2), nothing happens.

    If I change the link in the first tab into…
    <a href="/etkinlikler/etkinlik-gecmisi/2018-2019_etkinlikler/#ANCHOR_INSIDE_TAB_2"></a>
    or
    <a href="/etkinlikler/etkinlik-gecmisi/2018-2019_etkinlikler#ANCHOR_INSIDE_TAB_2"></a>
    (no / before #)
    … the link works correctly and displays the correct portion but for just a brief moment and then switches to TAB_1 and navigates to page bottom.

    I tried this during both a preview editing session and also externally (how can I say? on a different browser session, without editing, only surfing); behaivor is the same.

    The anchors within the same tab (not mentioned) works, but cross-tab anchors from first tab to second tab don’t.

    More,
    I can correctly navigate to anchors inside first tab (TAB_1) from links inside second tab. But the issue I explained above happens only when I try to navigate anchors in second tab from first tab. I mean inverse is working:
    I am able to navigate to anchors within first tab from second tab if only full path/slug is written.
    <a href="/etkinlikler/etkinlik-gecmisi/2018-2019_etkinlikler/#ANCHOR_INSIDE_TAB_1"></a> works.
    <a href="#ANCHOR_INSIDE_TAB_1"></a> does not work.

    The problem I face is more or less similar to: https://github.com/vanokhin/shortcodes-ultimate/issues/57

    I include two test pages from my site:
    https://www.istanbulfilarmoni.org/su_tabs-test-wfs/
    One with full path/slugs in link.

    https://www.istanbulfilarmoni.org/su_tabs-test-wofs/
    One without full path/slugs in link.

    Any suggestions?

    • This topic was modified 4 years, 10 months ago by cafyon. Reason: Syntax correction, changed reach into navigate

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

Viewing 1 replies (of 1 total)
  • Plugin Author Vova

    (@gn_themes)

    Hello @cafyon,

    first, the plugin does not support multi-anchor navigation. You can’t add an anchor inside of the second tab (which is hidden) and navigate to it from anywhere, no matter from the other page or from the same.

    The plugin doesn’t watch if an anchor is added to the browser address bar to reveal any tabs/spoilers that have this anchor.

    The difference between URLs with the / and without it is expected behavior because those are two different URLs for your browser.

    You can only link directly to a spoiler or a tab, but not inside it unless it’s visible after page load.

    This isn’t a feature and it won’t be added, because this feature is too complex.

Viewing 1 replies (of 1 total)
  • The topic ‘Unable to navigate to cross tab anchors in su_tabs’ is closed to new replies.