[4.0.0] - ion-range - ionBlur changed behavior

Bug Report

Ionic version:

[x] 4.x

Current behavior:

ionBlur is triggered once the user click outside the range

Expected behavior:

It should be triggered once the user release the slider knob as it used to be

Steps to reproduce:

import { Component } from '@angular/core';

@Component({
  template: `
    <ion-range
      min="20"
      max="80"
      step="2"
      (ionFocus)="ionFocus()"
      (ionBlur)="ionBlur()"
    >
      <ion-icon size="small" slot="start" name="sunny"></ion-icon>
      <ion-icon slot="end" name="sunny"></ion-icon>
    </ion-range>
  `
})
export class HomePage {
  ionFocus() {
    console.log('ionFocus');
  }

  ionBlur() {
    console.log('ionBlur');
  }
}

[corrantho]

Same issue here, we would like to have an event that is triggered when the final value has been chosen, and then, for example, call a web service. ionChange event is fired for any changes but in our case, we want to call the web service only at the end, when the user has selected the wanted value, not for the intermediary values. This was the behaviour of ionBlur before ionic 4.

[cegbert-wondersign]

I’m having an issue with the same change. It seems that the meaning of the events has changed from Ionic V3 to V4. What I’m really looking for is an event fired during the end event (where you change the pressedKnob property). It seems this is more or less what ionBlur() fired previously.

I tried using (mouseup) and (touchend) but the problem is those events will only fire if the user happens to release the slider over the element (which doesn’t always happen).