Issue with (window:resize) event in d3.js when using EDGE browser

By design Issue #16066699

Details

Author
Suhail S.
Created
Feb 23, 2018
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

I am currently using (window:resize) event listener to make my charts responsive and it works fine across all browsers except Edge. The chart size gets reduced according to the screen in Edge but the scalings get bundled up like its being shown in image attached.

Microsoft Edge 38.14393.1066.0
Microsoft EdgeHTML 14.14393

Attachments

2 attachments

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “Steven K.”

  • Hi Suhail,

    Can you provide a simplified repro for this issue?  Appreciate the help,

    Steve

  • d3.js charts should respond similar to any <svg> element with a viewbox defined.

    https://stackoverflow.com/questions/9400615/whats-the-best-way-to-make-a-d3-js-visualisation-layout-responsive

    http://jsfiddle.net/shawnbot/BJLe6/

    Let me know if this is not the issue,

    Steve

  • I created a simplified repro as an example using d3.v4.js and defined a viewbox to allow responsiveness without the need to monitor window resize events.  It is attached to this ticket.

    Steve

  • Microsoft Edge Team

    Changed Status to “By design”

You need to sign in to your Microsoft account to add a comment.

Sign in