Skip to content

Scrolling Issue in Stack Component – Last Two Items Inaccessible #2672

Open
@bhuvabrinda

Description

@bhuvabrinda

Please list the package(s) involved in the issue, and include the version you are using

Describe the bug

The last two items in the Stack component are not accessible due to a scrolling issue. The scroll stops before reaching the last items, preventing users from viewing them.

Steps to reproduce the behavior:

  1. Open the list view where items are displayed using the Stack component.
  2. Scroll down to the bottom of the list.
  3. Notice that the last two items are not accessible. If there are 10 products, only 8 are visible.
    If there are 17 products, only 15 are visible.

Expected behavior

Users should be able to scroll fully and view all listed items without any restriction.

Screenshots

https://drive.google.com/file/d/1b1OUo653E-f-3nJCkzNHgrGYVlFa08m2/view?usp=sharing

Additional context

Platform: Shopify POS UI Extensions
Component Used: Stack

The issue occurs in the Stack component used for listing items.
The last two items remain hidden even when there is enough space to display them.
Please investigate and provide a fix to ensure all items are accessible.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions