引き続き確認したところ、IE11にて以下の問題が発生しました。
ons-rangeを表示し操作したところ、スライダーボタンの移動がレンジの線に正常に反映されませんでした。
確認時のソースはリファレンスの物をそのまま使用しています。
原因を調べたところ、OnsenUI側で操作による画面更新(RangeElementの_update)が呼び出されていませんでした。
具体的には以下のイベント登録によるユーザー側の操作イベント(input)が発生しないようです。
var RangeElement = function (_BaseInputElement) {
key: 'connectedCallback',
value: function connectedCallback() {
this.addEventListener('input', this._boundOnInput);// not working on IE11
この問題はIE11でのみ発生し、他のモダンブラウザ(ChromeやEdge)では発生しません。
対策として動作環境がIE11の場合は、changeイベントをリスナー登録する必要があるようです。
var RangeElement = function (_BaseInputElement) {
key: 'connectedCallback',
value: function connectedCallback() {
this.addEventListener('input', this._boundOnInput);
// for IE11
if (ons.platform.isIE()){
this.addEventListener('change', this._boundOnInput);
}
これにより、レンジのスライダー操作のイベントを取得する事が出来、現在のスライダーの位置に正常にレンジの線が表示されました。
