Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Carousel Component Responsive Bug #7032

Open
4 tasks
Creo-KR opened this issue Dec 31, 2024 · 0 comments
Open
4 tasks

Carousel Component Responsive Bug #7032

Creo-KR opened this issue Dec 31, 2024 · 0 comments
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@Creo-KR
Copy link
Contributor

Creo-KR commented Dec 31, 2024

Describe the bug

When the screen size is small, the number of indicators does not match, and some items are not rendered.

Capture:
image
image

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/run?file=src%2FApp.vue

Environment

Windows, Chrome

Vue version

x.x.x

PrimeVue version

4.x.x

Node version

No response

Browser(s)

Chrome

Steps to reproduce the behavior

  1. Resize the browser width to 1280px.
  2. Enter the Carousel API Doc at https://primevue.org/carousel.
  3. Check the basic example.

Expected behavior

The Carousel should display the correct number of indicators and render all items properly.
image
image

@Creo-KR Creo-KR added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Dec 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Development

No branches or pull requests

1 participant