CSS-Zeiger-Ereignisse schlagen in Microsoft Edge fehl

In meiner Webanwendung gibt es ein Dropdown-Menü. Diese Dropdown-Liste ist benutzerdefiniert (ohne das Element <select>). In diesem Drop-Down-Menü befindet sich ein Abwärtspfeil. Dieser Pfeil erstellt unter Verwendung von Hintergrundbildern auf einem absolut positionierten span. Dieses span-Tag blockiert das Klickereignis des Dropdown-Menüs. Also habe ich pointer-events:none zum span Tag hinzugefügt. Nachdem dies hinzugefügt wurde, funktioniert es überall gut, aber im Edge-Browser. Unterstützt Edge pointer-event: none? Wenn nicht, was ist die Alternative für pointer-event: none in Edge.CSS-Zeiger-Ereignisse schlagen in Microsoft Edge fehl

Im Folgenden ist der Code, den ich verwendet:

<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; 
}

Quelle

2016-07-28 sree

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

Können Sie verlinken auch Stellen Sie in Ihrem Beitrag eine funktionierende Demo des Problems bereit? – Sampson

Es gibt einige Fehler, die die Ursache sein kann:

Focus Sequenz sollte sein: focusout, focusin, verschwimmen, Fokus.

FocusEvent Sequenz ist: Unschärfe, Fokus, Fokus, Fokus.

und ein No-Repro-Test:

#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>

Die erste Version von Microsoft Edge wurde in Windows 10 Build-10049. Pointer Events eingeführt unterstützt seit 10 Windows-10240 Bauen .

Referenzen

Quelle

2016-10-05 19:00:12

CSS-Zeiger-Ereignisse schlagen in Microsoft Edge fehl

Antwort

Verwandte Themen