bumbu/svg-pan-zoom

Partially broken in Microsoft Edge 17134 (Windows 10 April 2018 Update) including demos

Open

#297 opened on May 18, 2018

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

Description

Microsoft Edge changed something in the latest stable release and now this library isn't working correctly anymore. This is most likely an issue that needs to be fixed in Edge but maybe there's a quick fix that could be done in this library.

Expected behaviour

For this library to work the same across all major browsers.

Actual behaviour

The svg is displayed incorrectly. Sometimes it's to large sometimes to small.

Steps to reproduce the behaviour

  1. Open the "Multiple Inline SVGs" demo in Microsoft Edge 17134

Configuration

edge

Contributor guide

Tech stack
javascripthtmlcss
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.
half day
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 knowledge of SVGBrowser developer toolsUnderstanding of cross browser compatibility
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
First, verify if the issue still occurs in the latest Microsoft Edge (Chromium based). If it does, use browser developer tools to compare SVG rendering between Edge and other browsers. Look for differences in CSS box model or SVG viewport handling. The fix might involve adding vendor specific styles or adjusting SVG dimensions. If the issue no longer occurs, close the issue as outdated. Relevant files: src/svg pan zoom.js, demos/multi instance.html.