SONAR-16537 Fixing tab scroll issue when changing tabs

diff --git a/server/sonar-web/src/main/js/components/rules/TabViewer.tsx b/server/sonar-web/src/main/js/components/rules/TabViewer.tsx
index c54cea3752302f3c3c369d6b63f57d7ef2f77133..f03307c16ed48f5095f0a054f684e88c21e2c073 100644 (file)
--- a/server/sonar-web/src/main/js/components/rules/TabViewer.tsx
+++ b/server/sonar-web/src/main/js/components/rules/TabViewer.tsx
@@ -313,7 +313,10 @@ export class TabViewer extends React.PureComponent<TabViewerProps, State> {
                 maxHeight: scrollInTab ? `calc(100vh - ${top + 100}px)` : 'initial'
               }}
               className="bordered display-flex-column">
-              <div className="overflow-y-auto spacer">{tabContent}</div>
+              {/* Adding a key to force re-rendering of the tab container, so that it resets the scroll position */}
+              <div className="overflow-y-auto spacer" key={selectedTab.key}>
+                {tabContent}
+              </div>
             </div>
           )}
         </ScreenPositionHelper>