diff --git a/core/src/components/searchbar/searchbar.ios.scss b/core/src/components/searchbar/searchbar.ios.scss
index 62215b8fbd..a8a8f99561 100644
--- a/core/src/components/searchbar/searchbar.ios.scss
+++ b/core/src/components/searchbar/searchbar.ios.scss
@@ -168,7 +168,7 @@
:host-context(ion-toolbar) {
@include padding(1px, null, 15px, null);
- height: 52px;
+ min-height: 52px;
}
// Searchbar in Toolbar Color
diff --git a/core/src/components/searchbar/test/a11y/searchbar.e2e.ts b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts
index 148af26ad0..49814ba441 100644
--- a/core/src/components/searchbar/test/a11y/searchbar.e2e.ts
+++ b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts
@@ -20,5 +20,26 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
await expect(searchbar).toHaveScreenshot(screenshot(`searchbar-scale`));
});
+ test('should scale text on larger font sizes in a toolbar', async ({ page }) => {
+ await page.setContent(
+ `
+
+
+
+
+
+
+ `,
+ config
+ );
+
+ const searchbar = page.locator('ion-searchbar');
+
+ await expect(searchbar).toHaveScreenshot(screenshot(`searchbar-scale-toolbar`));
+ });
});
});
diff --git a/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..9ba99d2ee6
Binary files /dev/null and b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..6e3b54988d
Binary files /dev/null and b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-ios-ltr-Mobile-Safari-linux.png b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..fec65a4990
Binary files /dev/null and b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-md-ltr-Mobile-Chrome-linux.png b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..545bfbf9f1
Binary files /dev/null and b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-md-ltr-Mobile-Firefox-linux.png b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..4b25be63a6
Binary files /dev/null and b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-md-ltr-Mobile-Safari-linux.png b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..b9dcb46427
Binary files /dev/null and b/core/src/components/searchbar/test/a11y/searchbar.e2e.ts-snapshots/searchbar-scale-toolbar-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toolbar/toolbar.ios.scss b/core/src/components/toolbar/toolbar.ios.scss
index 0c1f0851e8..a9ef44f0b4 100644
--- a/core/src/components/toolbar/toolbar.ios.scss
+++ b/core/src/components/toolbar/toolbar.ios.scss
@@ -48,11 +48,6 @@
@include margin(3px, null, null, null);
}
-:host(.toolbar-searchbar) ::slotted(ion-back-button) {
- height: 38px;
-}
-
-
// iOS Toolbar Slot Placement
// --------------------------------------------------