fix(drag-drop): add support for dragging svg elements in IE11

Added check for when _rootElement is an SVGElement and set the transform attribute as well.

- IE11 does not acknowledge the style.transform property, but does allow the attribute.

Closes angular#14214

src/cdk/drag-drop/drag.spec.ts

@@ -2243,18 +2243,13 @@ class StandaloneDraggable {
   template: `
     <svg><g
       cdkDrag
-      (cdkDragStarted)="startedSpy($event)"
-      (cdkDragEnded)="endedSpy($event)"
       #dragElement>
       <circle fill="red" r="50" cx="50" cy="50"/>
     </g></svg>
   `
 })
 class StandaloneDraggableSvg {
   @ViewChild('dragElement') dragElement: ElementRef<SVGElement>;
-  @ViewChild(CdkDrag) dragInstance: CdkDrag;
-  startedSpy = jasmine.createSpy('started spy');
-  endedSpy = jasmine.createSpy('ended spy');
 }
 
 @Component({

src/cdk/drag-drop/drag.ts

@@ -493,7 +493,7 @@ export class CdkDrag<T = any> implements AfterViewInit, OnDestroy {
           this._initialTransform + ' ' + transform : transform;
 
       // Apply transform as attribute if dragging and svg element to work for IE
-      if (this._rootElement instanceof SVGElement) {
+      if (typeof SVGElement !== 'undefined' && this._rootElement instanceof SVGElement) {
         const appliedTransform = `translate(${activeTransform.x} ${activeTransform.y})`;
         this._rootElement.setAttribute('transform', appliedTransform);
       }