Jak zabezpieczyć elementy SVG przed ustawieniem ostrości za pomocą zakładek w IE11?

Wśród elementów formularza HTML znajduje się wbudowany element SVG. Kiedy poruszać moich elementów z klawisza Tab, SVG się koncentruje, w IE11 tylko, nawet jeśli element SVG posiada atrybut tabindex="-1" ustawiony na każdych elementów wewnątrz niego:Jak zabezpieczyć elementy SVG przed ustawieniem ostrości za pomocą zakładek w 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>

, aby mieć pewność, że to skupienie się na ten element, nazywam document.activeElement w konsoli i tak, wypisuje obiekt SVG.

Internet Explorer 11 powinien honorować wartość ujemną, tak jak ma to miejsce w przypadku innych elementów DOM, czy nie? Co mogę zrobić, aby temu zapobiec?

Źródło

2015-04-01 Alain Duchesneau

+11

'udział tabindex'is o zbliżającej SVG2 i nie jest jeszcze obsługiwany przez IE11. Spójrz na to [pytanie] (http://stackoverflow.com/questions/18646111/disable-onfocus-event-for-svg-element) na obejście. – altocumulus

Ah! Wspaniały! Problem rozwiązany! –

W przypadku, gdy go brakowało, odpowiedź została skomentowana:

tabindex jest częścią nadchodzącego SVG2 i nie jest jeszcze obsługiwany przez IE11. Spójrz na this question, aby obejść problem.

Dzięki @altocumulus

Źródło

2016-09-19 13:22:21

Dzięki. Łatwiej jest znaleźć rozwiązanie i znaleźć odpowiedź na to pytanie. Byłoby miło, gdyby ktoś uznał tę odpowiedź za zaakceptowaną - zaoszczędziłoby mi to przynajmniej kilka minut. – loctrice

Jak zabezpieczyć elementy SVG przed ustawieniem ostrości za pomocą zakładek w IE11?

Odpowiedz

Powiązane problemy