SVG transform translate not working on SVG clipPath on ie10.

Not reproducible Issue #107541

Details

Created
Apr 27, 2014
Privacy
This issue is public.
Found in build #
0.0011
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL = http://w8-corey/bugs/js/clipPath/

URL:

Repro Steps:

Original code:
if (movePane == true) {
pane.setAttribute("transform", "translate(0, " + -newPosition + ")");
clipPath.setAttribute("transform", "translate(0, " + newPosition + ")");
}

Code that works with ie6,7,8,9 and 10:
if (movePane == true) {
pane.setAttribute("transform", "translate(0, " + -newPosition + ")");
adjustClipPath(clipPath, "translate(0, " + newPosition + ")");
}

function adjustClipPath(clipPath, translateStatement) {

if (isIE == 10) {
// Setting the transform attribute on a clipPath does not work in ie10, but creating a new clipPath does!
var newClipPath = document.createElementNS(svgNS, ‘clipPath’);
newClipPath.setAttribute("id", clipPath.id);
newClipPath.setAttribute("transform", translateStatement);
newClipPath.setAttribute("pos", “0”);
newClipPath.setAttribute("text-rendering", “optimizeSpeed”);
newClipPath.setAttribute("shape-rendering", “optimizeSpeed”);

  var elements = clipPath.getElementsByTagName('rect');
  var rect = elements[0];
  var newRect = document.createElementNS(svgNS, 'rect');
  newRect.setAttribute("x", rect.x.baseVal.value);
  newRect.setAttribute("y", rect.y.baseVal.value);
  newRect.setAttribute("width", rect.width.baseVal.value);
  newRect.setAttribute("height", rect.height.baseVal.value);
  newClipPath.appendChild(newRect);



  var parent = clipPath.parentNode;
  parent.removeChild(clipPath);
  parent.appendChild(newClipPath);

} else {
clipPath.setAttribute("transform", translateStatement);
}
}

Expected Results:

It is expected that the "clipPath.setAttribute("transform", “translate(0, " + newPosition + ")");” javascript call move the clip area to the new position.

Actual Results:

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Rossen A.”

      Changed Assigned To from “Rossen A.” to “Kevin B.”

      Changed Assigned To from “Kevin B.” to “Dale R.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Dale R.” to “IPBS P.”

      Changed Status from “Confirmed” to “Not reproducible”

      Changed Assigned To from “IPBS P.” to “Rossen A.”

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

    Sign in