[IOAPPX-264] Disable the exiting transition in the ButtonSolid co…

…mponent to prevent glitch (#223) ## Short description This PR disables the `exiting` transition on the inner text of the `ButtonSolid` to prevent a weird glitch when the component is unmounted on the exit page transition. ## List of changes proposed in this pull request - Disable `exiting` transition ## How to test N/A
pagopa · Mar 20, 2024 · b02cbbf · b02cbbf
1 parent 7fcee91
commit b02cbbf
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/buttons/ButtonSolid.tsx b/src/components/buttons/ButtonSolid.tsx
@@ -310,7 +310,9 @@ export const ButtonSolid = React.forwardRef<View, ButtonSolidProps>(
               entering={
                 isMounted.current ? enterTransitionInnerContent : undefined
               }
-              exiting={exitTransitionInnerContent}
+              /* Temporarily disable the exiting transition because it caused
+              a weird glitch on page exit */
+              // exiting={exitTransitionInnerContent}
             >
               {icon && (
                 <>

diff --git a/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap b/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap
@@ -454,7 +454,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
     }
   >
     <View
-      exiting={[Function]}
       style={
         [
           {
@@ -1348,7 +1347,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
     }
   >
     <View
-      exiting={[Function]}
       style={
         [
           {
-Original file line number
+Diff line change
@@ Expand Up @@
         }
       >
         <View
-          exiting={[Function]}
           style={
             [
               {
@@ Expand Down Expand Up @@
         }
       >
         <View
-          exiting={[Function]}
           style={
             [
               {
@@ Expand Down @@