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 // --------------------------------------------------