Sixthdim
Radio buttons not working inside vertilize
Giving angular-vertilize a shot on a form page and it seems to be incompatible with my radio buttons:
<div class="formItem">
<label>Site Coordinates:</label>
<div class="radios">
<input type="radio" id="coordinateFormatDecimal"
data-ng-value="'decimal'"
data-ng-model="coordinateFormat">
<label for="coordinateFormatDecimal" class="option first">Decimal</label>
<input type="radio" id="coordinateFormatDegrees"
data-ng-value="'degrees'"
data-ng-model="coordinateFormat">
<label for="coordinateFormatDegrees" class="option last">Degrees</label>
</div>
</div>
The vertilize behavior itself is working great, making three <fieldset> elements align beautifully. These radio buttons within one of those fieldsets, though, will not display as being selected, even though the click is working and changing the underlying "coordinateFormat" value in the model.
Could vertilize somehow be interfering with the browser's ability to update the state of the radio button? Radios work fine outside of the vertilize elements -- even if still within the vertilize-container element. Text input and select boxes are working fine. I have not tested checkboxes.
This is super strange. The radio button ignores selection if there is an ng-model set. Vertilize isn't doing anything too special to the element, just changing it's height. I'm really not sure. I'm sorry for the late response. Have you resolved your issue?
I wasn't able to figure it out. The interface looked better with vertilize in place, but was good enough without it, so I had to move on. It could even work now with updates to angular since then. It was a strange thing.
