SONAR-19465 Hiding spinner when loading is not true

diff --git a/server/sonar-web/design-system/src/components/Spinner.tsx b/server/sonar-web/design-system/src/components/Spinner.tsx
index aa5db5e1415d0b3258d490984452ca9737837f4c..563075836270d0babf3cf455c27f440484847f36 100644 (file)
--- a/server/sonar-web/design-system/src/components/Spinner.tsx
+++ b/server/sonar-web/design-system/src/components/Spinner.tsx
@@ -50,12 +50,8 @@ export function Spinner(props: React.PropsWithChildren<Props>) {
 
   return (
     <>
-      <div className="sw-overflow-hidden">
-        <StyledSpinner
-          aria-live="polite"
-          className={classNames(className, { 'a11y-hidden': !loading })}
-          role="status"
-        >
+      <div className={classNames('sw-overflow-hidden', { 'a11y-hidden': !loading })}>
+        <StyledSpinner aria-live="polite" className={className} role="status">
           {loading && <span className="a11y-hidden">{ariaLabel}</span>}
         </StyledSpinner>
       </div>

diff --git a/server/sonar-web/design-system/src/components/modal/__tests__/__snapshots__/ModalFooter-test.tsx.snap b/server/sonar-web/design-system/src/components/modal/__tests__/__snapshots__/ModalFooter-test.tsx.snap
index 13e1e90ab13a9b437ada216473f111752da4896d..6e5b303b58c012b008c15c5bdc6a42208177bffd 100644 (file)
--- a/server/sonar-web/design-system/src/components/modal/__tests__/__snapshots__/ModalFooter-test.tsx.snap
+++ b/server/sonar-web/design-system/src/components/modal/__tests__/__snapshots__/ModalFooter-test.tsx.snap
@@ -55,11 +55,11 @@ exports[`should render with primary and secondary buttons 1`] = `
     class="emotion-0 emotion-1"
   >
     <div
-      class="sw-overflow-hidden"
+      class="sw-overflow-hidden a11y-hidden"
     >
       <div
         aria-live="polite"
-        class="a11y-hidden emotion-2 emotion-3"
+        class="emotion-2 emotion-3"
         role="status"
       />
     </div>
@@ -132,11 +132,11 @@ exports[`should render with secondary button 1`] = `
     class="emotion-0 emotion-1"
   >
     <div
-      class="sw-overflow-hidden"
+      class="sw-overflow-hidden a11y-hidden"
     >
       <div
         aria-live="polite"
-        class="a11y-hidden emotion-2 emotion-3"
+        class="emotion-2 emotion-3"
         role="status"
       />
     </div>