Old flexbox will stretch to contain floats, while new flexbox won't (proper behavior).

dabblet.css

/**
 * Old flexbox will stretch to contain floats, while new flexbox won't (proper behavior).
 */

.flex-container {
	display: -webkit-flex;
	background: paleGreen;
}

.flex-container.old {
	display: -webkit-box;
}

.flex-item {
	-webkit-flex: 1;
}

.old .flex-item {
	-webkit-box-flex: 1;
}

img {
	float: left;
}

dabblet.html

<div class="flex-container">
	<div class="flex-item">
		<img src="http://placehold.it/100x100">
		Blah blah blah blah blah blah blah.
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}