Merge pull request #21955 from overleaf/rd-bs5-loading-button

Buttons should not be interactive when they are disabled

GitOrigin-RevId: 2b8b1e8b317dc3b62200b48dac66df7eff8a7268

services/web/frontend/js/features/ui/components/bootstrap-5/button.tsx

@@ -50,6 +50,8 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(
         variant={variant}
         {...props}
         ref={ref}
+        disabled={isLoading || props.disabled}
+        data-ol-loading={isLoading}
       >
         {isLoading && (
           <span className="spinner-container">

services/web/frontend/stylesheets/bootstrap-5/abstracts/mixins.scss

@@ -42,6 +42,7 @@
     color: var(--bs-btn-color);
     background-color: var(--bs-btn-bg);
     border-color: var(--bs-btn-border-color);
+    opacity: 1;
   }
 }