What causes reflow and repaint in browsers?

Updated May 6, 2026

Short answer

Reflow recalculates layout; repaint redraws pixels.

Deep explanation

Reflow occurs when DOM structure or geometry changes. Repaint happens when visual styles change. Reflows are expensive and should be minimized.

Unlock with a Pro subscription to view this section.

View pricing

Real-world example

No real-world example available yet.

Unlock with a Pro subscription to view this section.

Upgrade to Pro

Common mistakes

No common mistakes listed yet.

Unlock with a Pro subscription to view this section.

Upgrade to Pro

Follow-up questions

No follow-up questions available yet.

Unlock with a Pro subscription to view this section.

Upgrade to Pro

More JavaScript interview questions

View all →