IE/Edge SVGをクリックするとエラーが発生する - TypeError：オブジェクトがプロパティやメソッド 'blur'をサポートしない

Question

角度コンポーネントを使用しています（問題の原因とは思われませんが角度UIページネーション）私のテンプレートには、次のものが含まれ、そして...

<my-button ng-click="selectPage(totalPages, $event)"> 
    <svg> 
     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="domain.com/scgSprite.svg#arrow"></use> 
    </svg> 
</my-button> 

問題は、ボタンをクリックしたときにMSエッジとIE（ただし、クロムではない）で、私は次のエラーを取得するということです。

例外TypeError：オブジェクトはプロパティまたはメソッド「ぼかし」

をサポートしていません、私はボタンではなく、何のアイコンが存在しないエッジをクリックしたときには起こりません。実際にボタンのSVG要素をクリックしてエラーを取得する必要があります。

本当にありがとうございます。

編集：私は、エラーの原因となっている角度-UIライブラリー内の行は、これらが...

if (evt && evt.target) { 
    evt.target.blur(); 
} 

あることが判明しておりますので

私が編集したくありませんライブラリーは将来私がそれを新しいバージョンに更新することができなくなるためです。

MSブラウザのsvg要素に.blur（）関数を追加する可能性はありますか？

Answer 1

あなたが使用しているエッジのバージョン、尋ねる私を気にしない場合、これは問題

if (typeof SVGElement.prototype.blur == 'undefined') { 
    SVGElement.prototype.blur = function(){}; 
}