jbaysolutions/vue-grid-layout

IE11 & Edge performance issues (lagging when moving items)

Open

#188 opened on Jun 4, 2018

View on GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (6,777 stars) (1,436 forks)batch import
enhancementhelp wanted

Description

I need to optimize my app for IE11 or Edge. When dragging an item, it lags heavily (like ~2 fps). The same issue appears in the demo. It seems to affect the upper items more than the ones at the bottom of the grid. Do you have an idea why this is happening?

Contributor guide

Tech stack
vuejavascript
Domain
frontendperformance
Issue type
performance
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Vue.jsJavaScriptperformance debugging
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
Investigate the drag implementation in vue grid layout, focusing on how item movement is handled. Look at the GridItem component's event handlers and any CSS transitions that may cause heavy reflows in IE/Edge. Check if requestAnimationFrame is used or if throttling can be applied. Examine comments in the issue for any hints about the root cause.