feat(badge): clamp position on labels

Author: thetaPC

core/src/components/avatar/avatar.tsx

@@ -22,7 +22,6 @@ export class Avatar implements ComponentInterface {
 
   private badgeManager = createBadgeManager(this.el, () => ({
     target: this.el,
-    isTargetArched: true,
   }));
 
   /**

core/src/components/button/button.tsx

@@ -45,7 +45,6 @@ export class Button implements ComponentInterface, AnchorInterface, ButtonInterf
     host: this.el,
     target: this.el.shadowRoot!.querySelector('.button-native')!,
     relativeTo: this.el.shadowRoot!.querySelector('.button-inner')!,
-    isTargetArched: true,
   }));
 
   /**

core/src/components/tab-button/tab-button.tsx

@@ -59,11 +59,14 @@ export class TabButton implements ComponentInterface, AnchorInterface {
     if (!target) {
       return undefined;
     }
+    const isLabelTarget = target === labelEl;
 
     return {
       host: this.el,
       target,
       relativeTo: this.el.shadowRoot!.querySelector('.button-inner')!,
+      anchorToEdge: !isLabelTarget,
+      clamp: !isLabelTarget && hasLabel,
     };
   });