javascript - on mouse enter misbehaving in Chrome -


i have on-mouse-enter trigger code (javascript listen mouse enters , css transitions) , lately, it's been acting funny in chrome; tested on v 44.0.2403.157m without error in console. acting funny, mean fade in-out effect skipping. 

var shown = true;  var parent = document.queryselector('.parent');  var child = document.queryselector('.child');    parent.addeventlistener('mouseenter', function(){    child.style.opacity = shown ? 0 : 1;    shown = !shown;  });
* {    margin: 0;    padding: 0;  }    .parent {    width: 100%;    margin: 10px auto;    position: relative;  }    .child {    position: absolute;    top: 0;    width: 100%;    height: 100%;    display: block;    overflow: hidden;    transition: opacity 0.5s linear;  }      p {    padding: 1em;  }
<div class="parent">  <img src="http://www.fundraising123.org/files/u16/bigstock-test-word-on-white-keyboard-27134336.jpg" alt="" width="500px" height="auto" />    <div class="child">  <img src="http://maui.hawaii.edu/tlc/wp-content/uploads/sites/53/2013/11/testing.jpg" alt="" width="500px" height="auto" />  </div>  </div>

the code should work have in this example. appreciate have code alternatives , thoughts. thanks

i did research , there multiple reports issue here or here.your code works expected me in both firefox(38.0.5) , edge(20.10240.16384.0).i assume problem caused chrome considering code written well.


-

Comments

Post a Comment

Popular posts from this blog

c# - Binding a comma separated list to a List<int> in asp.net web api -

the default binder in web api expecst http://url.com/webapi/report/?pageids=3243&pageids=2365 to bind public ihttpactionresult report(list<int> pageids){ // exciting webapi code} i wish bind http://url.com/webapi/report/?pageids=3243,2365 as running out of space in url get . i have created class public class commaseparatedmodelbinder : system.web.http.modelbinding.imodelbinder { public bool bindmodel(httpactioncontext actioncontext, modelbindingcontext bindingcontext) { //binding in here } } and registered in webapiconfig.cs var provider = new simplemodelbinderprovider( typeof(list<int>), new commaseparatedmodelbinder()); config.services.insert(typeof(modelbinderprovider), 0, provider); i have altered method signature use model binder so public ihttpactionresult report( [modelbinder] list<int> pageids){ // exciting webapi code} however break point in binder not being ...
Read more

spring - "Dispatcher has no subscribers" during startup -

i facing problem happens , hard reproduce. therefore have problems creating compelling test case. our setup looks this: spring integration spring boot rabbitmq listener custom bus manages transaction aware messages the setup not newest anymore , lot of code replaced more idiomatic spring wiring. though exception getting when service started: dispatcher has no subscribers, failedmessage=genericmessage [payload=com.foobar.service.greencheckout.message.greenorderpropertyaddedmessage@2ba0efb2, headers={id=f750a792-6b01-16d3-8206-6e553a03f8fa, type=com.foobar.service.greencheckout.message.greenorderpropertyaddedmessage, amqp_deliverymode=persistent, timestamp=1505797680967}], failedmessage=genericmessage [payload=com.foobar.service.greencheckout.message.greenorderpropertyaddedmessage@2ba0efb2, headers={id=f750a792-6b01-16d3-8206-6e553a03f8fa, type=com.foobar.service.greencheckout.message.greenorderpropertyaddedmessage, amqp_deliverymode=persistent, timestamp=1505797680967...
Read more

how to prompt save As Box in Excel Interlop c# MVC 4 -

i want export excel sheet using excel interloop... i have datatable convert excel sheet... now there way save file using save dialogue box in mvc 4 here code public string datatabletoexcel(datatable dt, string htmlheading, string key) { try { microsoft.office.interop.excel.application excel; microsoft.office.interop.excel.workbook excelworkbook; microsoft.office.interop.excel.worksheet excelsheet; microsoft.office.interop.excel.range excelcellrange; excel = new microsoft.office.interop.excel.application(); excel.visible = false; excel.displayalerts = false; excelworkbook = excel.workbooks.add(type.missing); excelsheet = (microsoft.office.interop.excel.worksheet)excelworkbook.activesheet; excelsheet.name = "sheet1"; dataset ...
Read more