Repository navigation
Carousel slide.bs.carousel event direction bug in IE11 #26290
Description
I found carousel event bug in IE11
Description
$('.carousel').carousel({ // For all carousel
interval: false
}).on('slide.bs.carousel',function(arg){
if(arg.direction=='left')
{ // slide left
/* CODE /
}
else
{ // slide right
/ CODE */
}
});
arg.direction value is fine just first one time. but after the one time always return "left"
Activity
AntonioMIN commentedon Apr 13, 2018
additionally, i tested v4.0 and v4.1, but result is same.
Johann-S commentedon Apr 13, 2018
Bug reports must include a live demo of the problem. Per our contributing guidelines, please create a reduced test case via CodePen or JS Bin and report back with your link, Bootstrap version, and specific browser and OS details.
AntonioMIN commentedon Apr 13, 2018
This bug was my mistake..not bootstrap issue. But i found other issue about modal in IE11. Modal doesn't open twice. This issue is also occur in https://getbootstrap.com/docs/4.1/components/modal/ too.
OS : Windows 10 64bit
Browser : Internet Explorer 11
Bootstrap v4.1
Kramb commentedon Apr 13, 2018
Demo of bug w/ Collapse
bootstrap v4.1.0
IE 11
The bug for IE occurs when calling the
hideevent for Collapse and Modal, and theslideevent for the Carousel.From what I have discovered, this issue is from the new function
_objectSpread(target).More specifically, the error occurs when the argument is passed to
Object.keys().In IE, an
Objectmust be passed toObject.keys()as the browser has no handler for non-objects.In Chrome, if a non-object is passed to
Object.keys(), it returns an empty array and the function continues with no issue.Kramb commentedon Apr 13, 2018
Changing variable
ownKeysin the_objectSpread()function to the following seems to fix the issue:Johann-S commentedon Apr 13, 2018
Can you provide an example for the carousel @Kramb ?
For the collapse plugins and some other it'll be fixed by: #26291 and it's related to: #26266