Disable-user-behavior added as a class randomly?


#1

I have an input with a button that clears it. All of a sudden, the button won’t fire at (not even a console.log). I see a disable-user-behavior being added to it? Why?

  > <div class="col list-header-col">
>                 <label class="item-input-wrapper">
>                     <i class="icon ion-search placeholder-icon"></i>
>                     <input type="search" ng-model="searchQuery" placeholder="Filter">
>                     <button ng-if="searchQuery.length" ng-click="clearFilter" on-touch="clearFilter" class="input-button button-icon ion-ios-close-empty">
>                     </button>
>                 </label>
>             </div>
>         </div>


<div class="col list-header-col">
                <label class="item-input-wrapper">
                    <i class="icon ion-search placeholder-icon"></i>
                    <input type="search" ng-model="searchQuery" placeholder="Filter" class="ng-valid ng-dirty ng-valid-parse ng-touched">
                    
                    <button ng-click="clearFilter" on-touch="clearFilter" class="input-button button-icon ion-ios-close-empty disable-user-behavior">
                    </button>
                </label>
            </div>

#2

Pretty sure it’s caused by the label wrapping. Not sure where I got that idea.