Làm cách nào để ngăn các phần tử SVG lấy nét bằng các tab trong IE11?

Question

Có một phần tử SVG nội tuyến trong số các phần tử biểu mẫu HTML của tôi. Khi tôi di chuyển qua các yếu tố của tôi với phím Tab, các SVG được tập trung, trong IE11 chỉ, ngay cả khi các yếu tố SVG có tabindex="-1" thuộc tính thiết lập để mỗi yếu tố bên trong nó:

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

Để chắc chắn rằng nó tập trung vào yếu tố đó, tôi gọi document.activeElement trong bảng điều khiển và có, nó in ra điều SVG.

Internet Explorer 11 nên tôn trọng giá trị âm, giống như đối với các phần tử DOM khác hay không? Tôi có thể làm gì để ngăn chặn điều này?

Answer 1

Trong trường hợp bạn bỏ lỡ, câu trả lời đã được nhận xét:

tabindex là một phần của sắp tới SVG2 và chưa được IE11 hỗ trợ. Có một cái nhìn tại this question cho một công việc xung quanh.

Nhờ @altocumulus