jquery: jQuery v3.6.0 breaks Bootstrap's test suite in IE

Opening the issue after quickly chatting with mgol on IRC

I made a branch to update jQuery to v3.6.0 in https://github.com/twbs/bootstrap/pull/33243. I notice our BrowserStack tests fail consistently on Internet Explorer 10 and 11. v3.5.1 works fine.

git clone https://github.com/twbs/bootstrap.git -b v4-dev-xmr-update-jquery
npm i
npm run js-test-cloud #assumes you have BrowserStack credentials set up

The failures seem to point to https://github.com/twbs/bootstrap/blob/v4-dev/js/tests/unit/dropdown.js#L860 and https://github.com/twbs/bootstrap/blob/v4-dev/js/tests/unit/dropdown.js#L870

EDIT: using jQuery v3.3.1 also works fine.

About this issue

  • Original URL
  • State: closed
  • Created 3 years ago
  • Reactions: 1
  • Comments: 20 (13 by maintainers)

Commits related to this issue

Most upvoted comments

@XhmikosR jQuery 3.7.0 has been released, you should be able to update it in Bootstrap v4 now.

https://blog.jquery.com/2023/05/11/jquery-3-7-0-released-staying-in-order/

Yes, that’s what I did. It looks like we’re good then!

Fixed on main (future 4.x) via #5223 and on 3.x-stable via #5224.

It looks like we can fix this via simulating the async focus & blur in IE via their bubbling but also synchronous equivalents: focusin & focusout. In other browsers, all those events are synchronous.

PRs for:

We’ll address this in a patch. Related: dbcffb396c2db61ff96edc4162602e850797d61f