Footnote goes outside visible area; Disable mobile footnotes jumping to ref.

  • Resolved manmeyco

    (@manmeyco)


    2 years, 9 months ago

    I have 2 problems I can’t figure out.

    First, when I hover over a footnote using a square window size, or mobile, it goes off the left side of the page (and off the screen), so the beginning is not visible. Is there a way to wrap footnotes so they stay completely visible? (Example in link provided, first paragraph, footnotes 2 and 3).

    My second issue is, when viewing the page on mobile, and I tap the footnote, it goes to the “References” section at the bottom of the page. Now that I think about it, it’s actually the same functionality as the website, except there’s no way to ‘hover’ on mobile. Is there a way to disable this, so clicking on it doesn’t jump to references? Either make it do nothing, or just open the footnote?
    Thanks.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter manmeyco

    (@manmeyco)

    So I decided to use a different plugin, with less options, but it does the job.

    Plugin Contributor pewgeuges

    (@pewgeuges)

    @manmeyco

    Fixing issue #1 requires adjusting the horizontal offset in the Tooltip settings. For the right edge, jQuery will normally adjust the tooltip to prevent it from hanging off the screen.

    A tap-and-hold should fix #2 as this is often interpreted as hover. When I had a working smartphone at hand, this interfered with the context menu, so I’m unsure. To open a footnote, scrolling down to its list entry is usually convenient; its tooltip is merely an extra feature.

    Please let us know if your issues are resolved based on this.

    @pewgeuges we can use hotizontal offset, but in this case the offset is always applied. There is no way to offset the tooltip only when it’s relevant ?

    Plugin Contributor pewgeuges

    (@pewgeuges)

    @davidwd

    Indeed we can use a media query restricting the fix to small screens. If we wanted the tooltips to display, say, centered on mobiles, the absolute position we give them must be relative to something, so ideally we should know the container that the theme wraps the post in. Or list all possible options, hoping that the relevant one is always covered.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Footnote goes outside visible area; Disable mobile footnotes jumping to ref.’ is closed to new replies.