Selectively render the vulnerable element on manage packages page (#9328)

Progress on #5877

Author: joelverhagen

src/NuGetGallery/Scripts/gallery/common.js

@@ -462,7 +462,7 @@
 
     nuget.setPopovers = function () {
         var popoverElement = $(this);
-        var popoverElementDom = popoverElement.get(0);
+        var popoverElementDom = this;
         var originalLabel = popoverElementDom.ariaLabel;
         var popoverHideTimeMS = 2000;
         var popoverFadeTimeMS = 200;

src/NuGetGallery/Views/Users/Packages.cshtml

@@ -179,9 +179,11 @@
                     {
                         var title = "This version has at least one known vulnerability. Click on the package name for details.";
                         <td class="package-icon-cell">
-                            <span class="package-warning-icon" aria-label="@title" data-content="@title" data-bind="visible: IsVulnerable" tabindex="0">
+                            <!-- ko if: IsVulnerable -->
+                            <span class="package-warning-icon" aria-label="@title" data-content="@title" tabindex="0">
                                 <i class="ms-Icon ms-Icon--Warning package-icon"></i>
                             </span>
+                            <!-- /ko -->
                         </td>
                     }
                         <td class="text-right align-middle package-controls">