Regarding Shadow dom (Closed) issue in Edge browser. SVG graphic feature not working . Working in IE
I am not creating Shadow dom explicitly any where in code. But in Edge I see #shadow-root (Closed)==$0 . Due to this svg graphic feature is not working .But in IE it working IE HTML <g xmlns="http://www.w3.org/2000/svg" class="taskpanel" id="General_RecordApplicationInfoSubFlowchart_2_0" data-bind="event: { click: toggleTaskPanel, mouseover: mouseOver, mouseout: mouseOut }"> <desc>Record Application Information</desc> <g opacity="1" data-bind="attr: { opacity: opacity }"> <rect class="taskcard" style="cursor: pointer;" fill="#ecebeb" stroke="#61605d" x="0" y="0" width="300" height="106" rx="10" data-bind="attr: { fill: fill, stroke: stroke }" data-originalwidth="300" data-originalheight="106" /> <line class="taskcard" stroke="#61605d" x1="15" y1="0" x2="15" y2="106" data-bind="attr: { stroke: stroke }" /> <line class="taskcard" stroke="#61605d" x1="285" y1="0" x2="285" y2="106" data-bind="attr: { stroke: stroke }" /> <text font-weight="bold" style="cursor: pointer;" text-anchor="middle" x="150" y="57" data-originaly="57">Record Application Information</text> <text class="annotation" style="cursor: pointer;" text-anchor="start" x="22" y="102">Risk.Admin</text> <image style="" x="267" y="2" width="16px" height="16px" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/UI/ODI.Risk.UI/images/active.gif" data-bind="visible: markComplete" /> </g> <use class="content" style="display: none;" x="40" y="50" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#recordApplicationInformationWorkflow" /> </g> Edge HTML <use xlink:href="#General_ProcessApplicationSubFlowchart_2_0" x="339" y="266"> #shadow-root (Closed)==$0 <g id="General_RecordApplicationInfoSubFlowchart_2_0" class="taskpanel" data-bind="event: { click: toggleTaskPanel, mouseover: mouseOver, mouseout: mouseOut }"> <desc>Record Application Information</desc> <g opacity="1" data-bind="attr: { opacity: opacity }"> <rect class="taskcard" x="0" y="0" rx="10" width="300" height="106" data-bind="attr: { fill: fill, stroke: stroke }" fill="#e5e5e5" stroke="#61605d"></rect> <line class="taskcard" x1="15" y1="0" x2="15" y2="106" data-bind="attr: { stroke: stroke }" stroke="#61605d"></line> <line class="taskcard" x1="285" y1="0" x2="285" y2="106" data-bind="attr: { stroke: stroke }" stroke="#61605d"></line> <text x="150" y="57" text-anchor="middle" font-weight="bold">Record Application Information</text> <text class="annotation" x="22" y="102" text-anchor="start">Risk.Admin</text> <image x="267" y="2" width="16px" height="16px" xlink:href="/UI/ODI.Risk.UI/images/active.gif" style="" data-bind="visible: markComplete"></image> </g> <use xlink:href="#recordApplicationInformationWorkflow" class="content" x="40" y="50" style="display: none"></use> </g> </use>