From 27fd6be5ec8cbc264f5dc02abef1aaa060e447e3 Mon Sep 17 00:00:00 2001
From: Mike Amirault <mamirault@bitwarden.com>
Date: Mon, 23 Feb 2026 11:23:30 -0500
Subject: [PATCH] [PM-31935] Ensure new Send button is keyboard clickable
 (#19098)

* [PM-31935] Ensure new Send button is keyboard clickable

* Remove unused module
---
 .../new-send/new-send-dropdown.component.html    | 16 +++++++++-------
 .../send/new-send/new-send-dropdown.component.ts |  5 ++---
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/apps/web/src/app/tools/send/new-send/new-send-dropdown.component.html b/apps/web/src/app/tools/send/new-send/new-send-dropdown.component.html
index d1ee9d29ebd..2e681cae12d 100644
--- a/apps/web/src/app/tools/send/new-send/new-send-dropdown.component.html
+++ b/apps/web/src/app/tools/send/new-send/new-send-dropdown.component.html
@@ -1,17 +1,19 @@
 <button bitButton [bitMenuTriggerFor]="itemOptions" buttonType="primary" type="button">
-  <i *ngIf="!hideIcon" class="bwi bwi-plus tw-me-2" aria-hidden="true"></i>
+  @if (!hideIcon) {
+    <bit-icon name="bwi-plus" class="tw-me-2" slot="start"></bit-icon>
+  }
   {{ (hideIcon ? "createSend" : "new") | i18n }}
 </button>
 <bit-menu #itemOptions>
-  <a bitMenuItem (click)="createSend(sendType.Text)">
-    <i class="bwi bwi-file-text" slot="start" aria-hidden="true"></i>
+  <button type="button" bitMenuItem (click)="createSend(sendType.Text)">
+    <bit-icon name="bwi-file-text" slot="start"></bit-icon>
     {{ "sendTypeText" | i18n }}
-  </a>
-  <a bitMenuItem (click)="createSend(sendType.File)">
-    <i class="bwi bwi-file" slot="start" aria-hidden="true"></i>
+  </button>
+  <button type="button" bitMenuItem (click)="createSend(sendType.File)">
+    <bit-icon name="bwi-file" slot="start"></bit-icon>
     <div class="tw-flex tw-items-center tw-gap-2">
       {{ "sendTypeFile" | i18n }}
       <app-premium-badge></app-premium-badge>
     </div>
-  </a>
+  </button>
 </bit-menu>
diff --git a/apps/web/src/app/tools/send/new-send/new-send-dropdown.component.ts b/apps/web/src/app/tools/send/new-send/new-send-dropdown.component.ts
index 68c8c188d31..b49f615fc74 100644
--- a/apps/web/src/app/tools/send/new-send/new-send-dropdown.component.ts
+++ b/apps/web/src/app/tools/send/new-send/new-send-dropdown.component.ts
@@ -1,4 +1,3 @@
-import { CommonModule } from "@angular/common";
 import { Component, Input } from "@angular/core";
 import { firstValueFrom, Observable, of, switchMap, lastValueFrom } from "rxjs";
 
@@ -9,7 +8,7 @@ import { BillingAccountProfileStateService } from "@bitwarden/common/billing/abs
 import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
 import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";
 import { SendType } from "@bitwarden/common/tools/send/types/send-type";
-import { ButtonModule, DialogService, MenuModule } from "@bitwarden/components";
+import { ButtonModule, DialogService, IconComponent, MenuModule } from "@bitwarden/components";
 import {
   DefaultSendFormConfigService,
   SendAddEditDialogComponent,
@@ -23,7 +22,7 @@ import { SendSuccessDrawerDialogComponent } from "../shared";
 @Component({
   selector: "tools-new-send-dropdown",
   templateUrl: "new-send-dropdown.component.html",
-  imports: [JslibModule, CommonModule, ButtonModule, MenuModule, PremiumBadgeComponent],
+  imports: [JslibModule, ButtonModule, MenuModule, PremiumBadgeComponent, IconComponent],
   providers: [DefaultSendFormConfigService],
 })
 /**