Wie verhindert man, dass SVG-Elemente mit den Tabs in IE11 den Fokus erhalten?

Es gibt ein Inline-SVG-Element unter meinen HTML-Formularelementen. Wenn ich durch meine Elemente mit der Tabulatortaste navigieren, erhalten die SVG konzentriert, nur in IE11, auch wenn das SVG Element die tabindex="-1" auf alle Elemente im Inneren gesetzt Attribut:Wie verhindert man, dass SVG-Elemente mit den Tabs in IE11 den Fokus erhalten?

<svg width="20px" height="20px" tabindex="-1"> 
    <g tabindex="-1"> 
     <circle cx="8.5" cy="8.5" r="7.75" stroke="#999" stroke-width="1" tabindex="-1" /> 
     […] 
    </g> 
</svg>

Um sicher zu sein, dass es konzentriert sich auf dieses Element, rufe ich document.activeElement in der Konsole, und ja, es druckt die SVG-Sache.

Internet Explorer 11 sollte den negativen Wert berücksichtigen, wie es für andere DOM-Elemente tut oder nicht? Was kann ich tun, um dies zu verhindern?

Quelle

2015-04-01 Alain Duchesneau

+11

'tabindex'is Teil der kommenden SVG2 @altocumulus und ist noch nicht von IE11 unterstützt. Sehen Sie sich diese [Frage] (http://stackoverflow.com/questions/18646111/disable-onfocus-event-for-svg-element) für einen Workaround an. – altocumulus

Ah! Groß! Problem gelöst! –

Falls Sie es verpasst haben, war die Antwort kommentiert:

tabindex Teil der kommenden SVG2 ist und noch nicht von IE11 unterstützt. Werfen Sie einen Blick auf this question für eine Problemumgehung.

Dank

Quelle

2016-09-19 13:22:21

Danke. Es ist einfacher, eine Lösung zu sehen und eine beantwortete Frage zu finden. Es wäre schön gewesen, wenn jemand diese Antwort akzeptiert hätte - es hätte mir wenigstens ein paar Minuten erspart. – loctrice

Wie verhindert man, dass SVG-Elemente mit den Tabs in IE11 den Fokus erhalten?

Antwort

Verwandte Themen