Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-13 21:05:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): database scroll regression on mobile safari (#12203)

Browse Source 
This won't affect desktop behavior, since the `MobileDataViewTable` is a standalone entry different with the default `DataViewTable`.

Horizontal scrolling needs to be disabled to prevent Safari render bug.

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **Style**
  - Updated table view styling on mobile to disable horizontal scrolling, improving stability on iOS Safari.
  - Removed platform-specific horizontal scrolling behavior for tables on desktop for a consistent experience.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
doodlewind
2025-05-09 09:52:55 +00:00
parent 7013f9b804
commit a5872dff65
2 changed files with 6 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
blocksuite/affine/data-view/src/view-presets/table/mobile/table-view.ts
View File

@@ -29,7 +29,12 @@ export class MobileDataViewTable extends DataViewBase<
position: relative;
width: 100%;
padding-bottom: 4px;
overflow-x: scroll;
/**
* Disable horizontal scrolling to prevent crashes on iOS Safari
* See https://github.com/toeverything/AFFiNE/pull/12203
* and https://github.com/toeverything/blocksuite/pull/8784
*/
overflow-x: hidden;
overflow-y: hidden;
}

11
blocksuite/affine/data-view/src/view-presets/table/pc/table-view.ts
View File

@@ -54,17 +54,6 @@ const styles = css`
overflow-y: hidden;
}
/* Disable horizontal scrolling to prevent crashes on iOS Safari */
affine-edgeless-root .affine-database-block-table {
@media (pointer: coarse) {
overflow: hidden;
}
@media (pointer: fine) {
overflow-x: scroll;
overflow-y: hidden;
}
}
.affine-database-block-table:hover {
padding-bottom: 0px;
}