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 :(
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.
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
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.
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
is working on a reply...