2.2.3 to 3.6.0 Version Update - Active element changed on focus

[thambiduraidevmahendran]

I recently updated my website's jQuery version from 2.2.3 to 3.6.0 and noticed a change in behavior. Here's the structure of my elements:

In jQuery 2.2.3, when I execute the following code:

let childspan = $('#childspan');
let childgroup = $('#childgroup');

childspan.focus();
childgroup.focus();

The active element remains as childspan even after focusing on childgroup.
However, in jQuery 3.6.0, executing the same code results in the active element becoming childgroup.

Could someone please explain why this behavior change occurs in the updated jQuery version? Is it an expected behavior change? Thank you in advance.

[thambiduraidevmahendran]

Here's the structure of my elements: