I'm trying to figure out why pictures in a column using flex isn't working inside RSD, but do on browser preview. Where pictures place in containers do work for both.
This is the zip with the examples: http://www.gordw.com/test/flexWRAP.zip

So the questions are:
1. On your pc does the 2nd column images wrap at the breakpoint to a single column or behave like the 1st column.
That should tell me it's an RSD bug or my pc (or my method)
2. Column 2 is a duplicate flex so has anyone found a solution to use images only.
I'm trying to limit the HTML/CSS build from adding so much bloat

I will eventually get those to use semantic classes to cut CSS just trying to figure out what's going on first.

It must be a bug. THE RSD GUI has some text issues, but nothing bad.
I thought I narrowed down the problem, but could not repeat the fix. I did fix it, but could not replicate it with a clean file, I think because I mad so many quick changes to sizes of either the coloumn or th row, I tricked RSD into displaying it correctly for a breif moment. The issues seems to be like the Firefox issues of vertical centering with flex. Its flex-bug, so to speak, required the parent element to have specific size, and one has to put the elements in container with a size - if I recall. That seems to be the issue here in some weird way, but applied to the either the width or the height. But the site does display correctly in Firefox, IE 11, Edge, and Chrome.

Thanks for having a look Bill, nice to have a bit of feeback. I've been looking over the flex coding and it should work inside RSD like it does in browsers. I just haven't been able to pinpoint what RSD is doing to make it fail.

I have hundreds of these thumbs and was hoping I could get it ironed out before I replicated the back pages, but kind of ran out of time with the curve & other issues I've been finding. Without seeing it work right it's a bear to get it laid out, especially trying to control the mobile scroll.

Oh well stuff happens fresh out of beta. Watch I'll get it built and the next release will have it all fixed.

Submit it as a bug in the support pages. I am not going to - because you found it, and I know they roll their eyes whenever they see me post in the support.... ha ha ha

I don't think this is any bug. The issue is with the different implementation of flexbox in the different browsers. For example in Safari and iOS is more like what the application is showing. While in Chrome, Firefox and Edge is what you are describing.

In the end, what you need to do to show what you are looking for is to use the Flex attribute on each image. So for doing a three picture on each row, you need to apply a 33% on the flex box basis:



This is a great resource for flexbox issues. I think what you are described is number 11.

https://github.com/philipwalton/flexbugs

So, what browser is RSD's GUI based on? Safari?

Safari for OS X and Webkit for Windows.

In the Windows RSD, the preview section is not showing what FF, Crome, Edge or IE11 is. Wouldn't the preview pane, if using Webkit, replicate what all the other browsers are showing? In this case, the traditional Windows browsers are all behaving correctly, but the Windows RSD preview is not, and does requires the Flex Basis input to display correctly in RSD. (I didn't test on a Safari version for Windows)

There seems to be no Windows version of Safari downloadable from the Apple website now, but I believe that the Midori for Windows browser is Webkit based. Midori does match RSD in its display of Alter Eagle's file.

Frank

I honestly never heard of Midori, I've installed it now, I just wish RSD allowed one to add whatever browser you wanted for previews in addition to the default. So, is RSD following webkit, and the other browsers have built in hacks for issues like this described?