doctyper/flexie — Issue #30: Form child elements are resized if one of the box's children is a form element.
Author: nwhittaker
Created: 2011-12-30 20:50:42+00:00
State: open

In the case where an element with the "box" display style contains an immediate child that is a form element, the width/margin/padding style calculations are applied to all descendent form control elements (input/select/etc...).

This is due to the way the appendPixelValue iterates over the target. Since HTMLFormElement DOM objects can be treated as arrays (i.e. formElement[0] == the first input control), iterating over a target that is an HTMLFormElement object with forEach restyles all elements in the form's array of input controls.

Observed:
Markup is modified to something like:

Expected:
Markup is modified to something like: