Add offset adjust to fix line position

Added offset adjustment for diff file header and version menus
container divs. This should make the linked line be visible.

app/assets/javascripts/lib/utils/common_utils.js

@@ -94,6 +94,8 @@ export const handleLocationHash = () => {
   const fixedNav = document.querySelector('.navbar-gitlab');
   const performanceBar = document.querySelector('#js-peek');
   const topPadding = 8;
+  const diffFileHeader = document.querySelector('.js-file-title');
+  const versionMenusContainer = document.querySelector('.mr-version-menus-container');
 
   let adjustment = 0;
   if (fixedNav) adjustment -= fixedNav.offsetHeight;
@@ -114,6 +116,14 @@ export const handleLocationHash = () => {
     adjustment -= performanceBar.offsetHeight;
   }
 
+  if (diffFileHeader) {
+    adjustment -= diffFileHeader.offsetHeight;
+  }
+
+  if (versionMenusContainer) {
+    adjustment -= versionMenusContainer.offsetHeight;
+  }
+
   if (isInMRPage()) {
     adjustment -= topPadding;
   }

changelogs/unreleased/47846-position-is-off-when-visiting-files-with-anchors.yml

+---
+title: Resolve Position is off when visiting files with anchors
+merge_request: 28913
+author:
+type: fixed