Kingsmai/pokopiawiki.tootaio.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): resolve transition key conflicts in reorderable lists

Browse Source 
Add listKeyPrefix prop to ensure unique keys across list instances
Remove enter/leave transition styles to prevent animation glitches
This commit is contained in:
xiaomai
2026-05-01 12:49:08 +08:00
parent 239a2ec3b5
commit bd068ce2f6
3 changed files with 16 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/styles/main.css
View File

@@ -1061,24 +1061,8 @@ button:disabled,
bottom: -2px;
}
.reorderable-list-move,
.reorderable-list-enter-active,
.reorderable-list-leave-active {
transition:
opacity 0.18s ease,
transform 0.18s ease;
}
.reorderable-list-enter-from,
.reorderable-list-leave-to {
opacity: 0;
transform: translateY(6px);
}
.reorderable-list-leave-active {
position: absolute;
right: 0;
left: 0;
.reorderable-list-move {
transition: transform 0.18s ease;
}
.drag-handle {
@@ -1132,15 +1116,11 @@ button:disabled,
@media (prefers-reduced-motion: reduce) {
.reorderable-row,
.reorderable-list-move,
.reorderable-list-enter-active,
.reorderable-list-leave-active,
.drag-handle {
transition: none;
}
.reorderable-row.is-dragging,
.reorderable-list-enter-from,
.reorderable-list-leave-to,
.drag-handle:active {
transform: none;
}