bumbu/svg-pan-zoom

Text elements do not redraw in Microsft Edge when zooming

Open

#140 opened on Aug 17, 2015

View on GitHub
 (15 comments) (0 reactions) (0 assignees)JavaScript (1,585 stars) (383 forks)batch import
bughelp wanted

Description

In Microsoft Edge (Win 10) text elements do not redraw when zooming in - see this codepen for an example:

http://codepen.io/ttupper92618/pen/RPmVrp?editors=001

Follow these steps to reproduce:

  1. Load the pen and wait for the SVG map to appear.
  2. Click the 'click me to start' button.
  3. After the dots have drawn, zoom in and out.

You will notice that in Microsoft Edge, the labels will disappear as you zoom in beyond the initial zoom level, and will reappear as you zoom out past the original zoom level.

This bug does not appear to impact other browsers, or other versions of Internet Explorer.

NOTE: This worked fine in Spartan tech previews but fails in the full release of Edge.

There are multiple other scale related rendering issues in Edge. I will open separate tickets for them.

Contributor guide

Tech stack
javascript
Domain
frontend
Issue type
bug
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-3 hours
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.
clear
Prerequisites
basic JavaScriptbrowser developer tools
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Reproduce the bug in Microsoft Edge using the provided Codepen. Examine the source code in svg pan zoom.js, focusing on the zoom handler and SVG element redraw functions. Look for any conditional statements that might skip redraw for text elements. Read through the issue comments for any hints or attempted fixes. Consider testing a simple workaround like triggering a manual redraw on zoom change.