commit 4f54b239e87cbbca27840f516ec2b9ad5750cf94
author Milutin Kristofic <milutin@google.com> Mon Sep 27 14:14:04 2021 +0000
committer Gerrit Code Review <noreply-gerritcodereview@google.com> Mon Sep 27 14:14:04 2021 +0000
tree 6feaeb5e4a7b16cd061a11a695e0156571a73911
parent 9f7f05b9e6db97ef0a033ef1bfb57af6e61397f0
parent 5eec84ed3d5bce8dfc2b615cef430b6447e37eb6

Merge "Submit requirements - fix hovercard issue"

polygerrit-ui/app/elements/change/gr-submit-requirements/gr-submit-requirements.ts

diff --git a/polygerrit-ui/app/elements/change/gr-submit-requirements/gr-submit-requirements.ts b/polygerrit-ui/app/elements/change/gr-submit-requirements/gr-submit-requirements.ts
index 03fac07..2175e04 100644
--- a/polygerrit-ui/app/elements/change/gr-submit-requirements/gr-submit-requirements.ts
+++ b/polygerrit-ui/app/elements/change/gr-submit-requirements/gr-submit-requirements.ts
@@ -32,6 +32,7 @@
   iconForStatus,
 } from '../../../utils/label-util';
 import {fontStyles} from '../../../styles/gr-font-styles';
+import {charsOnly} from '../../../utils/string-util';
 
 @customElement('gr-submit-requirements')
 export class GrSubmitRequirements extends LitElement {
@@ -118,7 +119,9 @@
         </thead>
         <tbody>
           ${submit_requirements.map(
-            requirement => html`<tr id="requirement-${requirement.name}">
+            requirement => html`<tr
+              id="requirement-${charsOnly(requirement.name)}"
+            >
               <td>${this.renderStatus(requirement.status)}</td>
               <td class="name">
                 <gr-limited-text
@@ -135,7 +138,7 @@
       ${submit_requirements.map(
         requirement => html`
           <gr-submit-requirement-hovercard
-            for="requirement-${requirement.name}"
+            for="requirement-${charsOnly(requirement.name)}"
             .requirement="${requirement}"
             .change="${this.change}"
             .account="${this.account}"