.columns.wrap with images doesn't wrap

[obilodeau]

Test case. To be dropped in examples/ and images will resolve properly.

= Grid Wrapping Tests
:imagesdir: images/
// reveal.js config
:revealjs_hash: true
:revealjs_center: false
:revealjs_height: 1080
:revealjs_width: 1920

[.columns.wrap]
== Should Wrap But Doesn't

[.column]
* Things here should wrap
* But instead images shrink

[.column]
image::cover.jpg[width=900px]

[.column]
image::70s.jpg[width=900px]

This looks like this:

If I disable flex-basis on .columns .slide-content > .column it becomes:

Which would be more what I would expect.

However, I wonder if that is a viable fix. @Mogztter any ideas?

[ggrossetie]

Damn! And now I don't specifically remind why flex-basis was important but I'm pretty sure that if you remove it, it will have some side effects.

To limit impact, we could override it when wrap is enabled:

.columns.wrap .slide-content > .column {
  flex-basis: auto;
}

I believe auto is the default value: https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis