javascript - Bug in chrome hover when window.open() called. -
i believe there's bug in chrome hovering when new window opened.
the following code demonstrates this:
<!doctype html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" type="text/javascript"></script> <style> #outter { height:30px; width:30px; background-color:grey; position:relative; } #outter:hover { cursor:pointer; background-color:red; } #menubox { position:absolute; top:100%; width:100px; height:100px; border:1px solid black; display:none; } .menuitem { height:20px; } .menuitem:hover { background-color:grey; } </style> <script> $(document).ready(function() { $("#outter").on("click",function() { $("#menubox").toggle(); }); $(".menuitem").on("click",function() { window.open( "http://www.google.com", "", "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,width=100,height=100,top=100,left=100"); }); }); </script> </head> <body> <div id="outter"> <div id="menubox"> <div class="menuitem">1</div> <div class="menuitem">2</div> </div> </div> </body> </html>
to reproduce:
- select square open container
- select menu item
- close open window.
- select square again
** bug encountered- can see menu item highlighted if hovered **
can please tell me if getting other versions of chrome too?
i'm running version 57.0.2987.133 (64-bit) on mac osx
Comments
Post a Comment