Fixed tooltip button position (#2724)

Fixed scrolling on subscription rename/cancel

Author: ygrik

src/components/apis/details-of-api/ko/detailsOfApiEditor.html

@@ -3,9 +3,9 @@
         <div class="label-group">
             <label for="hyperlink" class="form-label">
                 Link to API changelog page
+                <button class="btn btn-info" type="button" title="Help" aria-label="Help"
+                    data-bind="tooltip: 'A link to be navigated on click.'"></button>
             </label>
-            <button class="btn btn-info" type="button" title="Help" aria-label="Help"
-                data-bind="tooltip: 'A link to be navigated on click.'"></button>
         </div>
         <div class="input-group">
             <input id="hyperlink" type="text" class="form-control" disabled data-bind="value: hyperlinkTitle" />

src/components/apis/list-of-apis/ko/listOfApisEditor.html

@@ -24,10 +24,10 @@
         <div class="label-group">
             <label for="hyperlink" class="form-label">
                 Link to API details page
+                <button class="btn btn-info" type="button" aria-hidden="true" role="tooltip"
+                    aria-label="A link to be navigated on click" data-bind="tooltip: 'A link to be navigated on click.'">
+                </button>
             </label>
-            <button class="btn btn-info" type="button" aria-hidden="true" role="tooltip"
-                aria-label="A link to be navigated on click" data-bind="tooltip: 'A link to be navigated on click.'">
-            </button>
         </div>
         <div class="input-group">
             <input type="text" id="hyperlink" class="form-control" disabled data-bind="value: hyperlinkTitle" />

src/components/users/validation-summary/ko/runtime/validation-summary.ts

@@ -40,10 +40,10 @@ export class ValidationSummary {
         this.errorMsgs(errorSum);
         if (this.errorMsgs().length > 0) {
             this.hasErrors(true);
+            document.getElementsByTagName(selector)[0]?.scrollIntoView();
         } else {
             this.hasErrors(false);
         }
 
-        document.getElementsByTagName(selector)[0]?.scrollIntoView();
     }
 }

src/themes/designer/styles/forms.scss

@@ -22,6 +22,10 @@
         margin-bottom: 15px;
     }
 
+    label.form-label {
+        position: relative;
+    }
+
     &.form-group-collapsible {
         & > .form-label {
             position: unset;