primefaces / primefaces/primereact
Carousel: : Bug Report - PrimeReact Carousel Sliding Function Interruption on Radio Button Click
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
When using PrimeReact's carousel component, there is a noticeable issue where the carousel sliding function stops functioning correctly after clicking a radio button. This behavior is not expected and interrupts the normal flow of the carousel's functionality.
Steps to Reproduce:
Navigate to the page with the PrimeReact carousel.
Observe the carousel sliding through its content automatically.
Click on one of the radio buttons on the same page.
Notice that after clicking the radio button, the carousel sliding function stops, and the carousel no longer slides through its content.
Expected Behavior:
The carousel sliding function should continue to work smoothly even after clicking a radio button. The radio button click should not interfere with the carousel's functionality.
Actual Behavior:
Clicking a radio button interrupts the carousel sliding function, causing it to stop sliding through its content.
Additional Information:
PrimeReact version: [insert version number]
Browser and version: [insert browser name and version]
Operating System: [insert operating system name and version]
Suggested Solution:
Review the event handling and interaction between the radio button click event and the carousel sliding function in the PrimeReact codebase. Ensure that these components do not interfere with each other and that the carousel continues to function as expected even after interacting with other elements on the page.
Severity:
This issue affects the user experience by disrupting the expected behavior of the carousel component. It should be addressed to maintain the functionality and usability of the PrimeReact carousel feature.
Reproducer
No response
PrimeReact version
10.6.3
React version
18.x
Language
ALL
Build / Runtime
Next.js
Browser(s)
Chrome
Steps to reproduce the behavior
No response
Expected behavior
The carousel sliding function should continue to work smoothly even after clicking a radio button. The radio button click should not interfere with the carousel's functionality.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue with PrimeReact 10.6.3, React 18.x, Next.js, and Chrome using a Carousel and radio button. Confirm that automatic sliding stops after the radio button is clicked, then verify that sliding continues normally after the fix; no reproducer, file, or test is provided in the issue.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- next.js, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100