Всем привет, давно не виделись
Обнаружил странное поведение во всех браузерах (проверял в хроме, фф и сафари)
<div id="foo" contenteditable="true">123</div>
<script>
console.log(foo.tabIndex); // -1
</script>
Свойство tabIndex по умолчанию -1, хотя сам элемент фокусируется табом в потоке элементов с tabIndex 0
Но если засетить tabIndex вручную, то он станет работать правильно (фокуса по табу в элемент не будет)
console.log(foo.tabIndex); // -1
// работает как будто бы он 0
foo.tabIndex = -1;
// или foo.tabIndex = foo.tabIndex;
console.log(foo.tabIndex); // -1
// теперь работает как -1
Кто-нибудь может объяснить в чём тут прикол? В гугле ничего не нашел по этому поводу