Контекст: абсолютный элемент внутри настраиваемого элемента.
В Firefox 36, если элемент фокусировки не имеет позиции CSS (относительной, фиксированной или абсолютной), щелчок по внутреннему элементу не будет фокусировать внимание на фокусируемом элементе...
Любая идея, является ли это известной ошибкой?
Не воспроизводится на IE11 и Chrome.
Для лучшего понимания проблемы здесь приведен пример:
/* this is just so that the squares are similarly displayed */
section {
position: relative;
display: inline-block;
margin-right: 75px;
}
div {
background-color: red;
width: 100px;
height: 100px;
color: white;
padding: 5px;
}
div:focus {
background-color: green;
}
div > span {
position: absolute;
display: inline-block;
top: 50px;
left: 50px;
background-color: blue;
width: 100px;
height: 100px;
padding: 5px;
}
Context: an absolute element inside a focusable element.<br>
In Firefox 36, if the focusable element does not have a "position: relative", a click on the inside element will not set the focus on the focusable element...<br>
(red block turns green when focused)
<br><br>
Edit: none works in IE
<br><br>
<section>
<div style="position: relative;" tabindex="-1">
With position: relative
<span>
click here
</span>
</div>
</section>
<section>
<div tabindex="-1">
With no position
<span>
click here
</span>
</div>
</section>