Chrome hover bug?

B

bozilly2015-09-22 03:17:07

css

bozilly, 2015-09-22 03:17:07

Chrome hover bug?

Some fool has taken over chrome...
When hovering over a hover element or a click handler, it fires every other time. As I noticed, this applies to elements whose position we twisted using JS. For example, transformation.
Obviously chrome doesn't stupidly redraw the internal representation of the DOM.
If you scroll a little with the mouse on the desired element, click somewhere nearby, call hover on another static element. That all fades away.
PS It is clear that this is a bug. Just before making sure that this is a bug, I had to shovel the layout. Sighing with sadness and relief. I decided to share it with the toaster :)
PS You can catch a bug on jsfiddle, but it's more difficult. Therefore, I will give just HTML code.
To make it work here, you need to load this page and press F5.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
<style>
  #test{
    position: fixed;
    
    transform: translate3d(0,0,0);
     transform: scale(0.1);
    width: 70%;
    margin: auto;
    height: 30%;
    background: blue;
    cursor: pointer;
    transition: transform .4s ease-out;
}
#test:hover{
    background: green;
}
</style>

</head>
<body>
<div id="test"></div>

  <script>
setTimeout(function(){
  document.getElementById('test').style.transform = "translate3d(0,40px,0)";
  document.getElementById('test').style.transform = "scale(0.5)";
},100)
  </script>
</body>
</html>

It's just that it's 3 am now and I'm too lazy to write an example with a modal window... :)

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

P

Pavel K, 2015-09-22
@PavelK

Everything plows. Version 44.0.2403.89 Ubuntu 14.04 (64-bit)
Obviously, it may not be a bug, but some additional chrome extensions are playing tricks on you.