Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Craig100 1062 posts 2325 karma points c-trib
    Aug 25, 2017 @ 15:41
    Craig100
    0

    Flex and Slimsy on Chrome

    Umb 7.6.4, Slimsy 1.1.7

    Not 100% sure this is a Slimsy issue but ......

    Test site address: http://nla.azurewebsites.net/ (might not be there too long)

    Have started using CSS Grid Layout and Flexbox instead of the excellent ResponsiveBP framework. In the main, Slimsy has been working well on this particular site with the single exception of certain, small footer images in Chrome only. Everything is ok in Firefox. When any page loads, the four footer images in the footer Members section don't appear until the browser is resized. (Current old images will be replaced so they might look odd atm) I've Googled around for a solution to no avail. If I remove all the flex stuff from the containing UL, the images appear but in a vertical column. Other images are in flexboxed lists and appear ok. I just wondered if anyone has come across this before and has a work around. I tried triggering browser resize in javascript but that didn't work. Also all sorts of flex-grow/shrink/basis, etc. Setting Slimsy Verbose to True shows it's doing it's thing. Just seems Chrome isn't doing it's :(

    Any thoughts appreciated.

    Craig

  • Nicholas Westby 1940 posts 6527 karma points c-trib
    Aug 25, 2017 @ 15:52
    Nicholas Westby
    100

    Perhaps it's because the images are inside of anchor tags, and those anchor tags are set to display as inline rather than block. They also have no width set. My guess is that is causing an issue.

  • Craig100 1062 posts 2325 karma points c-trib
    Aug 25, 2017 @ 16:13
    Craig100
    0

    Thanks Nicholas,

    You were correct. Now fixed. Sometimes you just don't see stuff when you've been staring at it for ages.

    Odd that Chrome was the misbehaving browser!

    Cheers,

    Craig

Please Sign in or register to post replies

Write your reply to:

Draft