Focus lost/changed after ajax refresh

I put up an commit that is an attempt for this fix. It does address #1 in proposed solution and checks for focusable. It also addresses finding the triggering element. but not the way that was listed in #3 in proposed solution.

https://git.drupalcode.org/project/drupal/-/merge_requests/4568/diffs

Thank you for reporting.

Should try and add a test case showing the issue.

Updated ticket to latest dev branch. MR should be updated as well.

Thanks

Made update to MR. Added check to make sure class list was not empty before using for querySelector.

@madhaze's patch didn't quite work for me because on our project we use tailwind which can have classes such as "lg:block" and because of this the line target.querySelector(updatedSelector) was failing because it didn't recognise these classes ".lg:block" as actual classes/selectors, as a result of this i added a line to replace the colons with "\\:" as that fixes the issue. I understand this might be an edge case but it might help other's who have a similar set up.

Re-uploading my patch so it includes all code, made an error on the last one