fix(vue-spa): suppress spring snap-back on processed cards
When a new job prop arrives after approve/reject, the watch cleared the exit-transform inline style while the spring transition was still active, causing the card to animate from offscreen back to center before the new card rendered. Fix: set transition:none before clearing the style, then restore it on the next rAF — browser paints the new position first.
This commit is contained in:
parent
1f5ab2df37
commit
d138b27619
1 changed files with 9 additions and 2 deletions
|
|
@ -204,8 +204,15 @@ watch(() => props.job.id, () => {
|
|||
isHeld.value = false
|
||||
isExpanded.value = false
|
||||
if (wrapperEl.value) {
|
||||
// Suppress the spring transition for this frame — without this the card
|
||||
// spring-animates from its exit position back to center before the new
|
||||
// job renders (the "snap-back on processed cards" glitch).
|
||||
wrapperEl.value.style.transition = 'none'
|
||||
wrapperEl.value.style.transform = ''
|
||||
wrapperEl.value.style.opacity = ''
|
||||
requestAnimationFrame(() => {
|
||||
if (wrapperEl.value) wrapperEl.value.style.transition = ''
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue