fix: prevent content from collapsing when empty (#74)

fuxingloh · web-flow · commit d6cdd3bb1c49 · 2021-01-07T17:34:20.000+08:00
diff --git a/src/vue-horizontal.vue b/src/vue-horizontal.vue
@@ -340,6 +340,9 @@ export default Vue.extend({
 .v-hl-container > * {
   flex-shrink: 0;
   box-sizing: border-box;
+
+  /* Prevent content from collapsing when empty. E.g. image while loading height=0. */
+  min-height: 1px;
 }
 
 .v-hl-snap-start > * {

Original file line number	Diff line number	Diff line change
`@@ -340,6 +340,9 @@ export default Vue.extend({`
`340`	`340`	`.v-hl-container > * {`
`341`	`341`	`flex-shrink: 0;`
`342`	`342`	`box-sizing: border-box;`
	`343`	`+`
	`344`	`+ /* Prevent content from collapsing when empty. E.g. image while loading height=0. */`
	`345`	`+ min-height: 1px;`
`343`	`346`	`}`
`344`	`347`
`345`	`348`	`.v-hl-snap-start > * {`