Support Forums

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › Drop-down menu not working in Safari

Viewing 10 posts - 11 through 20 (of 31 total)
1 2 3 4
  • Hanna Karlsson
    (Private)  September 11, 2019 at 8:04 pm #220827
    This reply has been marked as private.
    Trevor Moderator
    (Private)  September 13, 2019 at 11:13 am #220935

    I made a change to the code to add a switch to remove the search boxes:

    {
    minimumResultsForSearch: -1
}

    Is that better?

    Hanna Karlsson
    (Private)  September 13, 2019 at 7:51 pm #221014
    This reply has been marked as private.
    Trevor Moderator
    (Private)  September 16, 2019 at 3:01 pm #221111

    The font issue seems to be a caching issue. For me it now looks OK, although it did not start OK when I first looked.

    The dropdown fields also at fist moved because of the sticky header/menu script, but now they don’t for me. This is becasue, if you scroll the page, the Select2 script is supposed to close dropdowns, which it now does. Another cache issue I suspect.

    To me, it now all looks OK.

    When you look at it, making sure to bypass the browser cache:

    https://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache

    Hanna Karlsson
    (Private)  September 19, 2019 at 1:14 pm #221344

    Hello again,

    I’m not sure what you mean by cache issue here. I use incognito mode when I test, and even opening the “test-search” in a browser on a new device still gives me a dropdown for Categories and the default field names (eg Categories, Time etc) is not affected by the old CSS changes (the options in the drop-down are, but not the field name). The font issue might be that another couple of lines of CSS codes needs to be added, but can’t figure out what that would be. In a nutshell, I’m looking for the same look&feel as ‘play-list’ page but also working in Safari 🙂

    I’ll send you another screenshot!

    Cheers, Hanna

    Hanna Karlsson
    (Private)  September 19, 2019 at 1:22 pm #221348
    This reply has been marked as private.
    Trevor Moderator
    (Private)  September 19, 2019 at 5:08 pm #221389
    This reply has been marked as private.
    Hanna Karlsson
    (Private)  September 22, 2019 at 11:19 am #221533
    This reply has been marked as private.
    Trevor Moderator
    (Private)  September 23, 2019 at 6:00 pm #221639

    When I first visit the page I see this:

    https://www.screencast.com/t/DPqCITjInx0P

    (Wrong font sixes)

    If I add this CSS:

    .searchandfilter>ul>li span {
  font-size: 16px
}

    It looks OK now I think? Can you add that to your theme custom CSS?

    Is it the text ‘Facilitation Tips’ that wrap that is the issue:

    https://www.screencast.com/t/kehdaOjAP

    If so, maybe this Custom CSS:

    .searchandfilter .select2-results__option {
  white-space: nowrap;
}
.searchandfilter .select2-container {
  min-width: 170px;
}
    Hanna Karlsson
    (Private)  September 25, 2019 at 10:35 am #221832

    Thank you Trevor, that was very helpful and it starts to look a whole lot better, adding the size and font family.
    The code change for no-wrap and field minimum removed the scroll in the drop-down for the time object. However, regardless of how wide I make the fields, Category continues to appear with a scroll. Any thoughts on why that could be?

  • Author
    Posts
Viewing 10 posts - 11 through 20 (of 31 total)
1 2 3 4

You must be logged in to reply to this topic.