Fix dxTemplate for svg elements (T887459) (#1073) (#1075)

Author: ovchinnikov

.gitignore

@@ -1,3 +1,4 @@
+.DS_Store
 node_modules
 bower_components
 coverage

src/core/nested-option.ts

@@ -5,6 +5,7 @@ import { getElement } from './utils';
 
 import render from 'devextreme/core/renderer';
 import * as events from 'devextreme/events';
+import * as domAdapter from 'devextreme/core/dom_adapter';
 
 const VISIBILITY_CHANGE_SELECTOR = 'dx-visibility-change-handler';
 
@@ -217,7 +218,7 @@ export function extractTemplate(option: IOptionWithTemplate, element: ElementRef
         render: (renderData) => {
             let result = element.nativeElement;
 
-            renderer.addClass(result, DX_TEMPLATE_WRAPPER_CLASS);
+            domAdapter.setClass(result, DX_TEMPLATE_WRAPPER_CLASS, true);
 
             if (renderData.container) {
                 let container = getElement(renderData.container);

src/core/template.ts

@@ -14,6 +14,7 @@ import {
 import { DxTemplateHost } from './template-host';
 import { getElement } from './utils';
 import * as events from 'devextreme/events';
+import * as domAdapter from 'devextreme/core/dom_adapter';
 
 export const DX_TEMPLATE_WRAPPER_CLASS = 'dx-template-wrapper';
 
@@ -73,7 +74,7 @@ export class DxTemplateDirective {
 
         childView.rootNodes.forEach((element) => {
             if (element.nodeType === 1) {
-                this.renderer.addClass(element, DX_TEMPLATE_WRAPPER_CLASS);
+                domAdapter.setClass(element, DX_TEMPLATE_WRAPPER_CLASS, true);
             }
 
             events.one(element, 'dxremove', ({}, params) => {