Presentation of experimental pagination <Select> menu content is inconsistent

Based on the spec for the experimental pagination component, we are assuming that the 'items per page' text should appear only on the trigger button rather than within the options of the listbox.

|     10 ITEMS PER PAGE      v  |
|-------------------------------|
|              10               |
|              20               |
|              30               |
|              40               |
|              50               |
|-------------------------------|

as opposed to the current implementation where text is appended to the selected menu item

If this assumption is correct, then a number of technical issues arise, the primary one being that the native <select> element does not support this behavior of showing differing content between the trigger button and the list items contained within it.

There are a number of possible workarounds for this issue:

• one would be removing the appended text from the selected menu option
• another would be converting the native <select> element to a custom dropdown

This issue could potentially be a ship stopper for the v10 release as it appears to be a regression in functionality for the component consumer

[laurenmrice]

Here are also spacing specs for reference 👍

[carbon-bot]

🎉 This issue has been resolved in version 9.68.12 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀