fix: Prevent copy-to-clipboard popover from triggering when clickin outside its corners

Author: jperals

src/copy-to-clipboard/internal.tsx

@@ -66,7 +66,7 @@ export default function InternalCopyToClipboard({
       className={clsx(isInline && styles['inline-trigger'])}
       size="medium"
       position="top"
-      triggerType="custom"
+      triggerType="button"
       dismissButton={false}
       renderWithPortal={popoverRenderWithPortal}
       content={<InternalStatusIndicator type={status}>{statusText}</InternalStatusIndicator>}

src/popover/internal.tsx

@@ -25,7 +25,7 @@ import styles from './styles.css.js';
 
 export interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {
   __onOpen?: NonCancelableEventHandler<null>;
-  triggerType?: PopoverProps.TriggerType | 'filtering-token';
+  triggerType?: PopoverProps.TriggerType | 'filtering-token' | 'button';
   size: PopoverProps.Size | 'content';
   __closeAnalyticsAction?: string;
 }

src/popover/styles.scss

@@ -58,6 +58,13 @@
   display: flex;
 }
 
+.trigger-type-button {
+  border-start-start-radius: awsui.$border-radius-button;
+  border-start-end-radius: awsui.$border-radius-button;
+  border-end-start-radius: awsui.$border-radius-button;
+  border-end-end-radius: awsui.$border-radius-button;
+}
+
 .popover-inline-content {
   display: inline;
 }