Skip to content

iOS Scroll Issue in Scrollable Table on Mobile #19588

@hayrapetyanlusine

Description

@hayrapetyanlusine

Describe the bug

On iOS mobile devices, when scrolling vertically inside a p-table with
scrollable enabled, the table also moves horizontally (left/right)
unexpectedly.

Expected Behavior
Only vertical scrolling should occur.

Actual Behavior
Vertical scrolling also triggers unintended horizontal movement.

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/edit/github-tb2ixb4k?file=src%2Fapp%2Fapp.component.ts

Environment

PrimeNG: 19.0.7
Angular: 19.0.0

Angular version

19.0.0

PrimeNG version

v19 (LTS Only)

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

  1. Open the app on an iOS device (or Safari iOS simulator)
  2. Navigate to a page with a scrollable p-table
  3. Scroll vertically inside the table
  4. Observe: the table also scrolls horizontally unexpectedly

Expected behavior

Only vertical scrolling should occur when the user swipes vertically
inside the table. The horizontal position should remain fixed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Browser: SafariIssue or pull request is *only* related to Safari browserDevice: MobileIssue or pull request is *only* related to Mobile deviceType: BugIssue contains a bug related to a specific component. Something about the component is not working

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions