From 6d4eabcc1046c28c1abf69a8bda3e06f80cf3f8f Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Fri, 1 Sep 2023 10:56:41 -0400 Subject: [PATCH] fix(textarea): cols property is respected (#28081) Issue number: resolves #22142 --------- ## What is the current behavior? Textarea always takes up the entire width of a line which prevents the `cols` property from working correctly. ## What is the new behavior? - The textarea respects the `col` property value only when `autoGrow` is `false` ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information Dev build: `7.3.2-dev.11693402720.1adb3bcf` --------- Co-authored-by: ionitron --- core/api.txt | 2 +- .../textarea/test/cols/textarea.e2e.ts | 43 ++++++++++++++++++ ...ls-autogrow-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2631 bytes ...s-autogrow-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 2934 bytes ...ls-autogrow-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 2139 bytes ...xtarea-cols-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2718 bytes ...tarea-cols-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 3200 bytes ...xtarea-cols-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 2239 bytes core/src/components/textarea/textarea.scss | 16 +++++++ core/src/components/textarea/textarea.tsx | 2 +- 10 files changed, 61 insertions(+), 2 deletions(-) create mode 100644 core/src/components/textarea/test/cols/textarea.e2e.ts create mode 100644 core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-autogrow-md-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-autogrow-md-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-autogrow-md-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-md-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-md-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-md-ltr-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index 47b1307e5a..d91418ede8 100644 --- a/core/api.txt +++ b/core/api.txt @@ -1364,7 +1364,7 @@ ion-textarea,prop,autocapitalize,string,'none',false,false ion-textarea,prop,autofocus,boolean,false,false,false ion-textarea,prop,clearOnEdit,boolean,false,false,false ion-textarea,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true -ion-textarea,prop,cols,number | undefined,undefined,false,false +ion-textarea,prop,cols,number | undefined,undefined,false,true ion-textarea,prop,counter,boolean,false,false,false ion-textarea,prop,counterFormatter,((inputLength: number, maxLength: number) => string) | undefined,undefined,false,false ion-textarea,prop,debounce,number | undefined,undefined,false,false diff --git a/core/src/components/textarea/test/cols/textarea.e2e.ts b/core/src/components/textarea/test/cols/textarea.e2e.ts new file mode 100644 index 0000000000..574f7ba0fe --- /dev/null +++ b/core/src/components/textarea/test/cols/textarea.e2e.ts @@ -0,0 +1,43 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('textarea: cols'), () => { + test('should respect cols when autogrow is not set', async ({ page }) => { + await page.setContent( + ` + +
+ +
+ `, + config + ); + + const container = page.locator('#container'); + await expect(container).toHaveScreenshot(screenshot('textarea-cols')); + }); + test('should ignore cols when autogrow is set', async ({ page }) => { + await page.setContent( + ` + +
+ +
+ `, + config + ); + + const container = page.locator('#container'); + await expect(container).toHaveScreenshot(screenshot('textarea-cols-autogrow')); + }); + }); +}); diff --git a/core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-autogrow-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-autogrow-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..de8d1b5f8f9934c8d150f3238de9662350ce52f4 GIT binary patch literal 2631 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 literal 0 HcmV?d00001 diff --git a/core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..35538aaf069f13467797e4cd3692bc4752addcc6 GIT binary patch literal 3200 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 literal 0 HcmV?d00001 diff --git a/core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/cols/textarea.e2e.ts-snapshots/textarea-cols-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..d5308090bfb446057fec0cee9d4cc7e9b5a7016a GIT binary patch literal 2239 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 U%DjsPUnGEqskO;Fq}#)P0RD7G