fix(material/paginator): fix issue with paginator focus

[DBowen33]

Fixes an issue where focus is lost and goes back to the body when on the next, previous, first, or last buttons are disabled. Changed to where focus will now jump to the next appropriate button instead of focusing to body.

Before:
Screen recording 2024-05-07 9.22.24 AM.webm

After:
Screen recording 2024-05-07 9.19.26 AM.webm

Fixes b/286098030

[andrewseguin]

This doesn't seem to capture the case of activating the button via other keypresses or clicks. It's also fragile depending on a 100ms delay to check whether the button becomes disabled and moving focus. Using afterNextRender would be more stable

It'd be nice if there was more intelligence in the paginator to know that a button has focus, but is about to lose focus so that it can directly move it. Right now it seems this change will see the focus move from the button, then to the body temporarily, then to another button.

[andrewseguin]

How about adding a (blur) listener on the buttons that can check whether they are now disabled? If so, move focus to another element [that isn't disabled]

[andrewseguin]

Another alternative is just to set disabledInteractive on the buttons, which lets them remain focusable after they become disabled

[crisbeto]

Looks like this is resolved by #29379.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}