carbon-design-system / carbon-components-vue

Vue implementation of the Carbon Design System
http://vue.carbondesignsystem.com
Apache License 2.0
608 stars 178 forks source link

CvPagination: Overflows off screen on mobile size displays #872

Closed mrsideshowjack closed 1 month ago

mrsideshowjack commented 4 years ago

Detailed description

Describe in detail the issue you're having.

Cannot use pagination on smaller/mobile screens without the component overflowing off the page

eg. https://codesandbox.io/s/carbonvue-pagenation-issue-83pn3?file=/src/App.vue

Is this a feature request (new component, new icon), a bug, or a general issue?

Bug 🐛

Is this issue related to a specific component?

CvPagination

What did you expect to happen? What happened instead? What would you like to see changed?

Expect to be able to use the pagination on mobile without the component overflowing

What browser are you working in?

Chrome

What version of the Carbon Design System are you using?

carbon vue v2.24.0 carbon components v10.11.1

What offering/product do you work on?

PartnerWorld Search 2

Steps to reproduce the issue

  1. Use pagination on a small screen

Additional information

https://codesandbox.io/s/carbonvue-pagenation-issue-83pn3?file=/src/App.vue

Screenshot 2020-04-22 at 14 37 26

lee-chase commented 4 years ago

I strongly suspect this is an issue that should be raised in the core repo. It may be worth raising this issue there too @mrsideshowjack

See https://codesandbox.io/s/dceve?file=/index.js

github-actions[bot] commented 3 months ago

This issue has been marked as stale because it has required additional info or a response from the author for over 14 days. When you get the chance, please comment with the additional info requested. Otherwise, this issue will be closed in 14 days.