safari issue

  • koolkatwebdesigns

    (@koolkatwebdesigns)


    7 years, 1 month ago

    Notice that in Safari there are no properties showing up. Both Chrome and FF work fine as does IE11 and Edge.

    This is also only in the latest version. Earlier versions also work in Safari.

    I think the issue is related to setting transition_container=”false” as the properties will appear if that is not set. However, I do not want the container as it messes up my grid display. The problem seems to be that the height of the container for the properties ends up at 3px and the elements inside it are 0px.

    Thanks.

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

Viewing 1 replies (of 1 total)
  • Plugin Author Darren Cooney

    (@dcooney)

    7 years, 1 month ago

    Hi @koolkatwebdesigns,
    Thanks for bringing this up, I put a fix in place for Safari with Masonry, but looks like I need it here as well as I wasn’t able to replicate the issue on my dev.
    I now can see the problem when I set transition_containter to false.

    The issue is the srcset property in Safari… so I will fix this.

    In your case you could enable the transition container (unless i can release the fix) and just move your grid code onto the alm-reveal element.

    .all-properties-container,
.alm-reveal {
    display: -ms-grid;
    display: grid;
    grid-gap: 3px;
    grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    margin-left: calc(-50vw + 50%);
    width: 100vw;
}

    Hope this helps some.

Viewing 1 replies (of 1 total)

The topic ‘safari issue’ is closed to new replies.