Skip to content

Scroll Events in WheelTimePicker Affect Parent Components Like BottomSheet #56

@hammadbawara

Description

@hammadbawara

Record_2024-10-22-12-37-51-ezgif com-video-to-gif-converter

Description:

Issue:
When using WheelTimePicker inside a scrollable component like a BottomSheet in Jetpack Compose, scrolling on the picker also scrolls the parent (e.g., the BottomSheet). This makes it hard for users to select time smoothly without the bottom sheet moving.

Expected Behavior:
The scroll gestures on the WheelTimePicker should be handled only by the picker, and the parent container (like the BottomSheet) should not move.

Actual Behavior:
When trying to scroll on the WheelTimePicker, the parent component (like the BottomSheet or any scrollable container) also moves, which interrupts the time selection process.

Steps to Reproduce:

  1. Add a WheelTimePicker inside a BottomSheet.
  2. Scroll the picker to change the time.
  3. Notice that the BottomSheet moves along with the picker.

Environment:

  • WheelPickerCompose Version [1.1.11]

Expected Solution:
The WheelTimePicker should block its scroll events from affecting any parent scrollable components, allowing users to scroll only within the picker without moving other parts of the UI.

This issue disrupts the user experience when using the WheelTimePicker in any scrollable container and needs to be addressed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions