carbon icon indicating copy to clipboard operation
carbon copied to clipboard

Tab-navigation to Next button of `Pager` component triggers `onClick`

Open JinCoreana opened this issue 1 year ago • 1 comments

Current behaviour

Given Pager is rendered When I tab-navigate to Next button Then I see the highlight (and I think It triggers pagination onFocus) When I press Enter Then I see pagination jumps from Page 1 to Page 3

Expected behaviour

Given Pager is rendered When I tab-navigate to Next button Then I see the highlight without any event being triggered When I press Enter Then I see pagination jumps from Page 1 to Page 2

CodeSandbox or Storybook URL

https://jdc2vt.csb.app/

JIRA Ticket (Sage Only)

SBS-66661

Suggested Solution

Please could you ensure that First, Previous, Next, Last, PageSize dropdown and interactive number input don't trigger pagination onFocus without onClick or onChange.

Carbon Version

120.1.0

Design Tokens Version

4.17.0

What browsers are you seeing the problem on?

Chrome

What Operating System are you seeing the problem on?

MacOS

Anything else we should know?

No response

Confidentiality

  • [X] I confirm there is no confidential or commercially sensitive information included.

JinCoreana avatar Aug 31 '23 10:08 JinCoreana

FE-6199

nicktitchmarsh avatar Sep 05 '23 13:09 nicktitchmarsh

Released part of version 128.1.2 🚀

Parsium avatar Apr 03 '24 11:04 Parsium