Popup doesn’t flip

  • Awesome plugin.

    If I click the event, the popup overflows the browser viewport at the top. If I start scrolling it flips correctly, but the initial load sets the popper to the top instead of the bottom. Do you know why that is? Anyway to change it so it loads below first l?

    I have an example I could share directly.

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author michielve

    (@michielve)

    If you could share the example I can have a look at it.

    Best,
    Michiel

    Thread Starter rahfiki

    (@rahfiki)

    Sure. Simracingcalendar.com

    There’s a list view of the events on that page toward the bottom. Actually just noticed even in Mobile View the popup first loads on top instead of the better position which would be the bottom. Once you scroll a bit the popup flips To the bottom. The main issue was the sidebar event list view. Which is also having the same issue.

    Shouldn’t it load bottom first ?

    One other thing. The listWeek view doesn’t show Sunday. Any ideas about that? Thanks

    • This reply was modified 4 years, 6 months ago by rahfiki.
    • This reply was modified 4 years, 6 months ago by rahfiki.
    Plugin Author michielve

    (@michielve)

    I use https://atomiks.github.io/tippyjs/ for the popup and I don’t know how exactly the popups are positioned. From your sidebar example I can see that the popup is first positioned above the event, because it can’t be displayed fully when positioned at the bottom as well. If you have a lot of information in your popups, you could add the following CSS to your site (for example in the Appearance / Customize / Addition CSS section):

    .tippy-box {
  max-height:200px;
  overflow-y: auto;
}

    Regarding the missing Sunday: I can see Sunday May 24, 2020 in the calendar at the bottom of your website. So where don’t you see Sunday?

    Thread Starter rahfiki

    (@rahfiki)

    Ok thanks I added that css and that is a great solution to long descriptions.

    I added a side bar listWeek view. You’ll see it only goes until Saturday.

    • This reply was modified 4 years, 6 months ago by rahfiki.
    Plugin Author michielve

    (@michielve)

    I added a side bar listWeek view. You’ll see it only goes until Saturday.

    I think you have the following options set in the shortcode:

    hidepassed="0" hidefuture="0"

    Now only today’s events are displayed. You have to set them to false or > 0.

    • This reply was modified 4 years, 6 months ago by michielve.
    Thread Starter rahfiki

    (@rahfiki)

    I made that adjustment, but still only showing until Saturday.

    Plugin Author michielve

    (@michielve)

    Strange, because I do see Sunday until Wednesday now as well as the change of hidepassed=1 and hidefuture=3. It looks good to me – see https://imgur.com/a/khS5Ada

    Do you see or expect something else?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Popup doesn’t flip’ is closed to new replies.