Width of absolute child

dabblet.css

/**
 * Width of absolute child
 */
.half {
	width: 50%;
}

.form-element-line{
	display: block;
	position: relative;
	background: #e1f0e8;
}

.form-flyout {
	position: absolute;
	min-width: 100%;
	border: 1px solid #b1b1b1;
	background: #fefefe;
}

dabblet.html

<div class="form-element form-element-line half">
	<input class="form-input">
	<div class="form-flyout">
		<p>Some arbitrary content 
		fdfsdf fsdfsdfdsff fdsfdsffsdfdfsdfdfdsfffsdffdsfsdfdsffs
		dfdsfdsfdfsdfdsfdsfsddfsfsdfsdfsdfsdfdfdfdsffsdfsdfsdfdfsfsdfdffsdfdsfsfdsfsdfdsfdfdsfsdfdsfsd
		fsfsfsdfsdfdsfdfdsfdsfdfdsffdfsdffffsffsfdsffsfdsfsfdffffdf</p>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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