2015-04-01 14 views
8

C'è un elemento SVG in linea tra i miei elementi di modulo HTML. Se navigando attraverso i miei elementi con il tasto Tab, lo SVG ottenere focalizzata, in IE11 solo, anche se l'elemento SVG ha l'attributo tabindex="-1" impostato su ogni elemento al suo interno:Come impedire agli elementi SVG di ottenere lo stato attivo con le schede in IE11?

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

Per essere sicuri che sta concentrandosi su quell'elemento, chiamo document.activeElement nella console e sì, stampa la cosa SVG.

Internet Explorer 11 deve rispettare il valore negativo, come fa per altri elementi DOM o no? Cosa posso fare per evitare questo?

+11

'parte tabindex'is di imminente SVG2 e non è ancora supportato da IE11. Dai un'occhiata a questa [domanda] (http://stackoverflow.com/questions/18646111/disable-onfocus-event-for-svg-element) per un work-around. – altocumulus

+1

Ah! Grande! Problema risolto! –

risposta

0

Nel caso ve lo siete perso, la risposta è stata commentata:

tabindex fa parte della imminente SVG2 e non è ancora supportato da IE11. Date un'occhiata a this question per un lavoro in giro.

Grazie alla @altocumulus

+1

Grazie. È più facile vedere una soluzione e trovare una risposta alla domanda. Sarebbe stato bello se qualcuno avesse segnato questa risposta accettata - mi avrebbe risparmiato almeno qualche minuto. – loctrice

Problemi correlati