tusen-ai / naive-ui

A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.
https://www.naiveui.com
MIT License
16.14k stars 1.67k forks source link

DataTable iOS scroll issues #5310

Open OrestisZinelis opened 1 year ago

OrestisZinelis commented 1 year ago

TuSimple/naive-ui version (版本)

2.35.0

Vue version (Vue 版本)

3.3.4

Browser and its version (浏览器及其版本)

Safari 16.2

System and its version (系统及其版本)

iOS 16.2

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/naive-ui-datatable-ios-scroll-bug-rsyzky

Reappearance steps (重现步骤)

Scroll DataTable data (horizontal/vertical).

Drag table diagonally

Expected results (期望的结果)

  1. Scrolling to be super smooth
  2. The Data Table headers when scrolling should be smooth and follow the column's position.
  3. When scrolling, Data from one column should not be displayed in other columns
  4. When scrolling to the bottom until the last row, the table should not leave a bottom margin.
  5. Drag the first column diagonally (bottom right). The whole table should not be stuck in the dragged position.

Actual results (实际的结果)

  1. Scrolling is not smooth in general
  2. The Data Table headers scrolling is not smooth
  3. When scrolling Data from one column is displayed in other columns
  4. When scrolling to the bottom until the last row, the table leaves a bottom margin
  5. Drag the first column diagonally (bottom right). The whole table is moved and stuck in the dragged position until a new scroll is triggered by the user.

Remarks (补充说明)

Without fixed columns, the scrolling performance is somewhat better If there is no horizontal scrolling everything works fine. Even the vertical scrolling.

These bugs exist only with Safari on iOS. I have tested it with iOS 17.0 as well. Same results.

OrestisZinelis commented 1 year ago

After rubber-banding effect on iOS the table is repositioned to the end drag/scroll position

Sepush commented 10 months ago

this lib is design for PC not Mobile