bug(Paginator): prevent hover and focus on mouse and touch interactions to disabled buttons

[RobinKamps]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

The disabled paginator buttons have a hover and focus state (e.g. on mouse hover / click (or touch)).

(#30627 only fixed the tab / keyboard focus of disabled paginator buttons.)

E.g.: https://material.angular.io/components/paginator/overview

Other disabled buttons do not display hover or focused states:
E.g.: https://material.angular.io/components/button/overview

Please remove this behaviour from paginator disabled buttons.

Reproduction

https://material.angular.io/components/paginator/overview

move your mouse over the disabled paginator button to see hover layer.
click to focus the disabled button to see the focus layer.

Expected Behavior

No hover and bno focus of disabled buttons.

Actual Behavior

Hover and Focus layer of disabled buttons are shown.

Environment

• Angular: latest
• CDK/Material: latest
• Browser(s): Chrome / latest
• Operating System (e.g. Windows, macOS, Ubuntu): All

[crisbeto]

cc @andrewseguin @DBowen33

[mistrykaran91]

Hi! Is anybody working on it? Otherwise, I could try to fix it if you don't mind. Just to understand a bit, do we have need to add disabledInteractive conditionally like we have for button and radio material component ? or remove it completely ?

[crisbeto]

We did this intentionally, otherwise when users hit the end of the paginator, focus would be lost. Furthermore, if the buttons used the native disabled, users wouldn't know they're there.

[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.}