diff --git a/core/src/components/input/input.md.outline.scss b/core/src/components/input/input.md.outline.scss
index d9e3ee34d35..1345fb3ca39 100644
--- a/core/src/components/input/input.md.outline.scss
+++ b/core/src/components/input/input.md.outline.scss
@@ -60,8 +60,8 @@
   border-bottom: none;
 }
 
-:host(.input-fill-outline.input-label-placement-stacked) label,
-:host(.input-fill-outline.input-label-placement-floating) label {
+:host(.input-fill-outline.input-label-placement-stacked) .label-text-wrapper,
+:host(.input-fill-outline.input-label-placement-floating) .label-text-wrapper {
   @include transform-origin(center, top);
 }
 
@@ -69,8 +69,8 @@
  * The label should appear on top of an outline
  * container that overlaps it so it is always clickable.
  */
-:host(.input-fill-outline) label,
-:host(.input-fill-outline) label {
+:host(.input-fill-outline) .label-text-wrapper,
+:host(.input-fill-outline) .label-text-wrapper {
   position: relative;
 
   z-index: 1;
@@ -79,10 +79,10 @@
 /**
  * This makes the label sit above the input.
  */
-:host(.has-focus.input-fill-outline.input-label-placement-floating) label,
-:host(.has-value.input-fill-outline.input-label-placement-floating) label,
-:host(.input-fill-outline.input-label-placement-stacked) label,
-:host(.input-fill-outline.input-label-placement-stacked) label {
+:host(.has-focus.input-fill-outline.input-label-placement-floating) .label-text-wrapper,
+:host(.has-value.input-fill-outline.input-label-placement-floating) .label-text-wrapper,
+:host(.input-fill-outline.input-label-placement-stacked) .label-text-wrapper,
+:host(.input-fill-outline.input-label-placement-stacked) .label-text-wrapper {
   @include transform(translateY(-32%), scale(.75));
   @include margin(0);
 }
diff --git a/core/src/components/input/input.md.scss b/core/src/components/input/input.md.scss
index 3df60a4a1bc..b604cbfa202 100644
--- a/core/src/components/input/input.md.scss
+++ b/core/src/components/input/input.md.scss
@@ -77,12 +77,12 @@
  * When the input is focused the label should
  * take on the highlight color.
  */
-:host(.has-focus) label {
+:host(.has-focus) .label-text-wrapper {
   color: var(--highlight-color);
 }
 
-:host(.ion-touched.ion-valid) label,
-:host(.ion-touched.ion-invalid) label {
+:host(.ion-touched.ion-valid) .label-text-wrapper,
+:host(.ion-touched.ion-invalid) .label-text-wrapper {
   color: var(--highlight-color);
 }
 
diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index 689dae558c9..81cd317dda8 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -392,7 +392,7 @@
 // Input Label
 // ----------------------------------------------------------------
 
-.input-wrapper label {
+.label-text-wrapper {
   /**
    * The margin between the label and
    * the input should be on the end
@@ -410,6 +410,34 @@
   align-items: center;
 
   transition: color 150ms cubic-bezier(.4, 0, .2, 1), transform 150ms cubic-bezier(.4, 0, .2, 1);
+
+  /**
+   * This ensures that double tapping this text
+   * clicks the <label> and focuses the input
+   * when a screen reader is enabled.
+   */
+  pointer-events: none;
+}
+
+/**
+ * We need to use two elements instead of
+ * one. The .label-text-wrapper is responsible
+ * for centering the label text vertically regardless
+ * of the input height using flexbox.
+ *
+ * The .label-text element is responsible for controlling
+ * overflow when label-placement="fixed".
+ * We want the ellipses to show up when the
+ * fixed label overflows, but text-overflow: ellipsis only
+ * works on block-level elements. A flex item is
+ * considered blockified (https://www.w3.org/TR/css-display-3/#blockify).
+ */
+.label-text {
+  text-overflow: ellipsis;
+
+  white-space: nowrap;
+
+  overflow: hidden;
 }
 
 .input-wrapper input {
@@ -448,7 +476,7 @@
  * the input should be on the start
  * when the label sits at the end.
  */
-:host(.input-label-placement-end) label {
+:host(.input-label-placement-end) .label-text-wrapper {
   @include margin(0, 0, 0, 8px);
 }
 
@@ -459,9 +487,7 @@
  * Label is on the left of the input in LTR and
  * on the right in RTL. Label also has a fixed width.
  */
-:host(.input-label-placement-fixed) label {
-  @include margin(0, 0, 0, 0);
-
+:host(.input-label-placement-fixed) .label-text {
   flex: 0 0 100px;
 
   width: 100px;
@@ -490,8 +516,8 @@
  * up and to the left in LTR or
  * up and to the right in RTL.
  */
-:host(.input-label-placement-stacked) label,
-:host(.input-label-placement-floating) label {
+:host(.input-label-placement-stacked) .label-text-wrapper,
+:host(.input-label-placement-floating) .label-text-wrapper {
   @include transform-origin(start, top);
 }
 
@@ -508,7 +534,7 @@
  * This makes the label sit over the input
  * when the input is blurred and has no value.
  */
-:host(.input-label-placement-floating) label {
+:host(.input-label-placement-floating) .label-text-wrapper {
   @include transform(translateY(100%), scale(1));
 }
 
@@ -529,8 +555,8 @@
 /**
  * This makes the label sit above the input.
  */
-:host(.input-label-placement-stacked) label,
-:host(.has-focus.input-label-placement-floating) label,
-:host(.has-value.input-label-placement-floating) label {
+:host(.input-label-placement-stacked) .label-text-wrapper,
+:host(.has-focus.input-label-placement-floating) .label-text-wrapper,
+:host(.has-value.input-label-placement-floating) .label-text-wrapper {
   @include transform(translateY(50%), scale(.75));
 }
diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx
index 7e6212299ae..07c4f0cfe09 100644
--- a/core/src/components/input/input.tsx
+++ b/core/src/components/input/input.tsx
@@ -560,7 +560,11 @@ export class Input implements ComponentInterface {
       return;
     }
 
-    return <label htmlFor={this.inputId}>{this.label}</label>;
+    return (
+      <div class="label-text-wrapper">
+        <div class="label-text">{this.label}</div>
+      </div>
+    );
   }
 
   /**
@@ -619,7 +623,7 @@ export class Input implements ComponentInterface {
           'in-full-item': hostContext('ion-item:not(.item-lines-inset)', this.el),
         })}
       >
-        <div class="input-wrapper">
+        <label class="input-wrapper">
           {this.renderLabelContainer()}
           <div class="native-wrapper">
             <input
@@ -674,7 +678,7 @@ export class Input implements ComponentInterface {
             )}
           </div>
           {shouldRenderHighlight && <div class="input-highlight"></div>}
-        </div>
+        </label>
         {this.renderBottomContent()}
       </Host>
     );
diff --git a/core/src/components/input/test/input.e2e.ts b/core/src/components/input/test/input.e2e.ts
index a805761dd5d..6f5f103a760 100644
--- a/core/src/components/input/test/input.e2e.ts
+++ b/core/src/components/input/test/input.e2e.ts
@@ -10,7 +10,7 @@ test.describe('input: rendering', () => {
   test('should not render the label element if no label was passed', async ({ page }) => {
     await page.setContent(`<ion-input aria-label="my hidden label"></ion-label>`);
 
-    const label = page.locator('ion-input label');
+    const label = page.locator('ion-input .label-text-wrapper');
     await expect(label).toBeHidden();
   });
 });
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts b/core/src/components/input/test/label-placement/input.e2e.ts
index f5ba3ad88a6..65c03c94122 100644
--- a/core/src/components/input/test/label-placement/input.e2e.ts
+++ b/core/src/components/input/test/label-placement/input.e2e.ts
@@ -24,9 +24,11 @@ test.describe('input: label placement end', () => {
 });
 
 test.describe('input: label placement fixed', () => {
-  test('label should appear on the starting side of the input and have a fixed width', async ({ page }) => {
+  test('label should appear on the starting side of the input, have a fixed width, and show ellipses', async ({
+    page,
+  }) => {
     await page.setContent(`
-      <ion-input label="Email" value="example@ionic.io" label-placement="fixed"></ion-input>
+      <ion-input label="Email Email Email Email Email Email" value="example@ionic.io" label-placement="fixed"></ion-input>
     `);
 
     const input = page.locator('ion-input');
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Chrome-linux.png
index c863dc219f4..8b329f64ece 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Firefox-linux.png
index 51f2c0bf3f4..cb8cd1cbabc 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Safari-linux.png
index 9e8f80ff20f..38a77d2a036 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Chrome-linux.png
index 4d1af9636ac..b26a1c1792f 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Firefox-linux.png
index c06aed9130d..75d03a53161 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Safari-linux.png
index 28f1c3ae180..9a9773efc16 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Chrome-linux.png
index efe238be1f6..0e24ade5924 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Firefox-linux.png
index 1b9f1148ad0..1dc6962bc33 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Safari-linux.png
index 6bede250988..d0f074039db 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Safari-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Chrome-linux.png
index f0ef13171ad..3cbdb8670a3 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Firefox-linux.png
index 3eac19c0414..d3c9c9b73bb 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Safari-linux.png
index 71a735144cd..3966c08df14 100644
Binary files a/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Safari-linux.png and b/core/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-placement-fixed-md-rtl-Mobile-Safari-linux.png differ