In Firefox, parent element won't get focus when child with fixed position is clicked -


i have fixed element inside focusable element. when click fixed element, parent focusable element should receive focus. works in chrome, edge , ie11, doesn't work in firefox.

.focusable {    background-color: red;    width: 200px;    height: 200px;  }    .focusable:focus {    background-color: blue;  }    .fixed {    top: 200px;    background-color: green;    position: fixed;    height: 100px;    width: 200px;  }
<div class="focusable" tabindex="0">  <div class="fixed">  parent not focus.  </div>  </div>

do know workarounds? avoid handling mousedown event , calling preventdefault().

because using position fixed inner child element

removing position:fixed , work fine


Comments

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -