iPhoneでmaterial-selectを実装した時のパカパカを消す

iPhoneでここ（公式）みればわかるけどパカパカがダサい。
こちらによると、裏のinputに反応しているらしい。
ソースをいじるのが面倒くさいということで、javascriptで対応しました。

裏のinputにblurを適用させる

$(document).on({
    focus: function(){
        $(this).blur();
    }
}, 'input.select-dropdown');

これだけだとパカパカは消えるけど、閉じることができないっぽい。

selectのchangeイベントでcloseをtrigger

$(document).on({
    'change': function(){
        $('.select-dropdown').trigger('close');
    }
}, 'select.material-select');

無事パカパカがでないし、閉じるようになりました。

ただとってつけたような対応だから本来ならソースをいじるべきなんだろうか・・・。

なにか他に対応あれば教えてください。