bumbu/svg-pan-zoom

Text elements do not redraw in Microsft Edge when zooming

Open

#140 建立於 2015年8月17日

在 GitHub 查看
 (15 留言) (0 反應) (0 負責人)JavaScript (1,585 star) (383 fork)batch import
bughelp wanted

描述

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.

貢獻者指南

技術棧
javascript
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
basic JavaScriptbrowser developer tools
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
70
研究方向
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.