SONAR-16151 Fix filename in issues page

server/sonar-web/src/main/js/apps/issues/conciseIssuesList/ConciseIssueComponent.tsx

@@ -26,7 +26,9 @@ interface Props {
 export default function ConciseIssueComponent({ path }: Props) {
   return (
     <div className="concise-issue-component text-ellipsis note" title={path}>
-      {path}
+      {/* <bdi> is used to avoid some cases where the path is wrongly displayed */}
+      {/* because of the parent's direction=rtl */}
+      <bdi>{path}</bdi>
     </div>
   );
 }

server/sonar-web/src/main/js/apps/issues/conciseIssuesList/__tests__/__snapshots__/ConciseIssueComponent-test.tsx.snap

@@ -5,6 +5,8 @@ exports[`should render 1`] = `
   className="concise-issue-component text-ellipsis note"
   title="src/app/folder/sub-folder/long-folder/name/app.js"
 >
-  src/app/folder/sub-folder/long-folder/name/app.js
+  <bdi>
+    src/app/folder/sub-folder/long-folder/name/app.js
+  </bdi>
 </div>
 `;

server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotListItem.tsx

@@ -53,7 +53,9 @@ export default function HotspotListItem(props: HotspotListItemProps) {
       <div className="display-flex-center big-spacer-top">
         <QualifierIcon qualifier={ComponentQualifier.File} />
         <div className="little-spacer-left hotspot-box-filename text-ellipsis" title={path}>
-          {path}
+          {/* <bdi> is used to avoid some cases where the path is wrongly displayed */}
+          {/* because of the parent's direction=rtl */}
+          <bdi>{path}</bdi>
         </div>
       </div>
       {selected && (

server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotListItem-test.tsx.snap

@@ -21,7 +21,9 @@ exports[`should render correctly 1`] = `
       className="little-spacer-left hotspot-box-filename text-ellipsis"
       title="com.github.kevinsawicki.http.HttpRequest"
     >
-      com.github.kevinsawicki.http.HttpRequest
+      <bdi>
+        com.github.kevinsawicki.http.HttpRequest
+      </bdi>
     </div>
   </div>
 </a>
@@ -50,7 +52,9 @@ exports[`should render correctly 2`] = `
       className="little-spacer-left hotspot-box-filename text-ellipsis"
       title="com.github.kevinsawicki.http.HttpRequest"
     >
-      com.github.kevinsawicki.http.HttpRequest
+      <bdi>
+        com.github.kevinsawicki.http.HttpRequest
+      </bdi>
     </div>
   </div>
   <LocationsList

server/sonar-web/src/main/js/components/tutorials/components/Step.css

@@ -92,7 +92,6 @@
   color: #fff;
   font-size: 12px;
   line-height: 16px;
-  direction: rtl;
   text-align: center;
   background-color: #4b9fd5;
   border-radius: 50%;