[cds-pagination]: pagination right side raises both cds-select-selected and cds-pagination-changed-current events

[AlessandroPomponio]

Description

When interacting with the right side of the pagination component I expect only cds-pagination-changed-current to be changed, as per the comments in : https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/carbon-web-components/src/components/pagination/pagination.ts#L456-L468

As it can be seen from the following video, however, both events are raised, meaning that we end up setting the elements per page to a value based on the selected page:

2024-07-12.15-46-05.mp4

For completeness, our definition of the cds-pagination component in VueJS is:

        <cds-pagination
          :page-size="10"
          :total-items="history.tags.length + history.untagged.length"
          @cds-select-selected="handleTablePageSizesSelectChanged"
          @cds-pagination-changed-current="handleTablePaginationChangedCurrent"
        >
          <cds-select-item
            v-for="(option, optionIdx) in tablePaginationPageSizeOptions"
            :value="option"
            >{{ option }}</cds-select-item
          >
        </cds-pagination>

Component(s) impacted

cds-pagination

Browser

Microsoft Edge

Carbon for IBM.com version

2.10

Severity

Severity 2 = Aspects of design is broken, and impedes users in a significant way, but there is a way to complete their tasks. Affects major functionality, has a workaround.

Application/website

ST4SD Registry UI

Package

@carbon/web-components

CodeSandbox example

N/A

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate issues