<main>
    <div class="hero-unit" ng-repeat="component in main.Form.components" ui-sref="field-settings">
        <input type="{{component.type}}">
    </div>
</main>

<main>
    <div class="hero-unit" ng-repeat="component in main.Form.components" ui-sref="field-settings">
        <input type="{{component.type}}" ng-click="$event.stopPropagation()">
    </div>
</main>

Stop click event propagation on undesired circumstances
Stop click event propagation on undesired circumstances
