fix: Prevent drag handle arrow button flicker on exit animation (#3543)

johannes-weber · Johannes Weber · web-flow · commit b619c48379aa · 2025-05-30T18:16:28.000Z
Co-authored-by: Johannes Weber &lt;jowejowe@amazon.com&gt;
diff --git a/src/internal/components/drag-handle-wrapper/motion.scss b/src/internal/components/drag-handle-wrapper/motion.scss
@@ -56,8 +56,8 @@
     &-motion-exiting {
       @include styles.with-motion {
         animation:
-          drag-handle-exit awsui.$motion-duration-complex awsui.$motion-easing-responsive,
-          awsui-motion-fade-out-0 awsui.$motion-duration-complex awsui.$motion-easing-responsive;
+          drag-handle-exit awsui.$motion-duration-complex awsui.$motion-easing-responsive forwards,
+          awsui-motion-fade-out-0 awsui.$motion-duration-complex awsui.$motion-easing-responsive forwards;
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -56,8 +56,8 @@`
`56`	`56`	`&-motion-exiting {`
`57`	`57`	`@include styles.with-motion {`
`58`	`58`	`animation:`
`59`		`- drag-handle-exit awsui.$motion-duration-complex awsui.$motion-easing-responsive,`
`60`		`- awsui-motion-fade-out-0 awsui.$motion-duration-complex awsui.$motion-easing-responsive;`
	`59`	`+ drag-handle-exit awsui.$motion-duration-complex awsui.$motion-easing-responsive forwards,`
	`60`	`+ awsui-motion-fade-out-0 awsui.$motion-duration-complex awsui.$motion-easing-responsive forwards;`
`61`	`61`	`}`
`62`	`62`	`}`
`63`	`63`	`}`