I have a HTML range slider (input range), where I want to perform a function.

However, I see that the ng-blur does not work on mobile. It work only on desktop.

HTML:

<input type="range" 
                ng-model="$ctrl.rangeValue" 
                min="{{$ctrl.sliderMinValue}}" max="{{$ctrl.sliderMaxValue}}" 
                step="{{$ctrl.sliderStepIncrement}}" 
                ng-blur="$ctrl.refreshRangeSlider();"
                ng-change="$ctrl.updateInputValue()" 
                class="slider" />

JS:

refreshRangeSlider() {
    console.log('blur');
}

I have created a stackblitz https://stackblitz.com/edit/angularjs-xtsqxu?file=home%2Fhome.controller.js

How can I make sure that the blur also works on mobile?