Microsoft EdgeでCSSポインタイベントが失敗する

Webアプリケーションにドロップダウンがあります。このドロップダウンはユーザーが定義したものです（<select>要素を使用していません）。このドロップダウン内には下向き矢印があります。この矢印は、絶対に配置されたspanの背景イメージを使用して作成しています。このspanタグは、プルダウンのクリックイベントをブロックしています。だから、spanタグにpointer-events:noneを追加しました。これを追加した後、Edgeブラウザではどこでもうまく動作します。エッジはpointer-event: noneをサポートしていますか？そうでない場合、Edgeのpointer-event: noneの代替手段は何ですか。以下はMicrosoft EdgeでCSSポインタイベントが失敗する

私が使用するコードです：

<div class="multi-dd" id="multi_dd_ddlProfession" role="application" cascadesto="ddlDiscipline"> 
    <input class="multi-dd-txt" id="txtProf" role="combobox" aria-readonly="false" aria-describedby="spMultiExit" style="width: 260px;" aria-label="Multi Select Control Professions " type="text" readonly="readonly" value="Select All"> 
    <span class="nir"></span> 
</div>

.nir{ 
    height: 28px; 
    margin-left: -30px; 
    vertical-align: bottom; 
    overflow: hidden; 
    pointer-events: none; 
}

出典

2016-07-28 sree

http://caniuse.com/#search=pointer-events –

あなたがリンクできます〜に、oあなたのポストで、問題のデモを行いますか？ – Sampson

根本原因である可能性がありますいくつかのバグがあります。

のFocusEventシーケンスは次のようになります。focusout、とfocusIn、ぼかし、フォーカス。

FocusEventシーケンスは：blur、focusout、focus、focusinです。

と無REPROテスト：

#testID {pointer-events: none;}

<ul> 
 
    <li><a href="https://developer.microsoft.com">MS Dev</a></li> 
 
    <li id="testID"><a href="http://example.com">example.com</a></li> 
 
</ul>

マイクロソフトエッジの最初のバージョンは10ビルド10049.ポインタイベントは、Windows 10ビルド10240以降でサポートされているのWindowsで導入されました

参考文献

出典

2016-10-05 19:00:12

Microsoft EdgeでCSSポインタイベントが失敗する

答えて

関連する問題