From f7170a8e95d72c783b451d3eb9ff76ddf9c1b132 Mon Sep 17 00:00:00 2001
From: mostafasakhiri <mostafa.sakhiri@gmail.com>
Date: Tue, 17 May 2022 12:43:13 +0200
Subject: [PATCH 1/3] fix min height / width handling

---
 addon/modifiers/autoresize.js                 | 10 +++--
 .../integration/modifiers/autoresize-test.js  | 45 +++++++++++++++++++
 2 files changed, 52 insertions(+), 3 deletions(-)

diff --git a/addon/modifiers/autoresize.js b/addon/modifiers/autoresize.js
index 7ea7ba2..61c2205 100644
--- a/addon/modifiers/autoresize.js
+++ b/addon/modifiers/autoresize.js
@@ -24,12 +24,16 @@ export default class AutoresizeModifier extends Modifier {
     }
 
     let capitalizeDimension = capitalize(dimension);
+    let computedStyle = window.getComputedStyle(element);
+    let minDimension = computedStyle[`min${capitalizeDimension}`];
 
     // height / width must be calculated independently from height / width previously enforced
-    element.style[dimension] = 'auto';
+    // and calculation should start from min height or width when specified
+    element.style[dimension] = parseInt(minDimension, 10)
+      ? minDimension
+      : 'auto';
 
-    let isBorderBox =
-      window.getComputedStyle(element).boxSizing === 'border-box';
+    let isBorderBox = computedStyle.boxSizing === 'border-box';
     let requiredDimension = element[`scroll${capitalizeDimension}`];
 
     if (isBorderBox) {
diff --git a/tests/integration/modifiers/autoresize-test.js b/tests/integration/modifiers/autoresize-test.js
index 85937f6..225c892 100644
--- a/tests/integration/modifiers/autoresize-test.js
+++ b/tests/integration/modifiers/autoresize-test.js
@@ -6,6 +6,7 @@ import hbs from 'htmlbars-inline-precompile';
 module('Integration | Modifier | autoresize', function (hooks) {
   setupRenderingTest(hooks);
 
+  let shortString = 'abc';
   let longString;
   hooks.beforeEach(function () {
     longString = '';
@@ -42,6 +43,50 @@ module('Integration | Modifier | autoresize', function (hooks) {
     assert.extendedDom('textarea').doesNotOverflowY();
   });
 
+  test('it resizes textarea height to fit input min height on initial render with small value', async function (assert) {
+    this.set('value', shortString);
+
+    await render(
+      hbs`<textarea style="padding: 0; min-height: 50px;" value={{this.value}} {{autoresize}} />`
+    );
+    let textarea = find('textarea');
+    assert.strictEqual(textarea.scrollHeight, 50);
+    assert.extendedDom('textarea').doesNotOverflowY();
+  });
+
+  test('it resizes textarea height to fit input min height on initial render with long value', async function (assert) {
+    this.set('value', longString);
+
+    await render(
+      hbs`<textarea style="min-height: 50px;" value={{this.value}} {{autoresize}} />`
+    );
+    let textarea = find('textarea');
+    assert.ok(textarea.scrollHeight > 50);
+    assert.extendedDom('textarea').doesNotOverflowY();
+  });
+
+  test('it resizes textarea width to fit input min width on initial render', async function (assert) {
+    this.set('value', shortString);
+
+    await render(
+      hbs`<textarea style="padding: 0; min-width: 50px;" value={{this.value}} {{autoresize mode="width"}} />`
+    );
+    let textarea = find('textarea');
+    assert.strictEqual(textarea.scrollWidth, 50);
+    assert.extendedDom('textarea').doesNotOverflowX();
+  });
+
+  test('it resizes textarea width to fit input min width on initial render with long value', async function (assert) {
+    this.set('value', longString);
+
+    await render(
+      hbs`<textarea style="min-width: 50px;" value={{this.value}} {{autoresize mode="width"}} />`
+    );
+    let textarea = find('textarea');
+    assert.ok(textarea.scrollWidth > 50);
+    assert.extendedDom('textarea').doesNotOverflowX();
+  });
+
   test('it grows textarea height on input to fit value', async function (assert) {
     await render(hbs`<textarea {{autoresize}} />`);
 

From 9b8df1d4bc03a8ec97d6298e5178d6560fa38400 Mon Sep 17 00:00:00 2001
From: Jeldrik Hanschke <admin@jhanschke.de>
Date: Sat, 7 Jan 2023 12:02:04 +0100
Subject: [PATCH 2/3] reset changes to modifier

---
 addon/modifiers/autoresize.js | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/addon/modifiers/autoresize.js b/addon/modifiers/autoresize.js
index 61c2205..7ea7ba2 100644
--- a/addon/modifiers/autoresize.js
+++ b/addon/modifiers/autoresize.js
@@ -24,16 +24,12 @@ export default class AutoresizeModifier extends Modifier {
     }
 
     let capitalizeDimension = capitalize(dimension);
-    let computedStyle = window.getComputedStyle(element);
-    let minDimension = computedStyle[`min${capitalizeDimension}`];
 
     // height / width must be calculated independently from height / width previously enforced
-    // and calculation should start from min height or width when specified
-    element.style[dimension] = parseInt(minDimension, 10)
-      ? minDimension
-      : 'auto';
+    element.style[dimension] = 'auto';
 
-    let isBorderBox = computedStyle.boxSizing === 'border-box';
+    let isBorderBox =
+      window.getComputedStyle(element).boxSizing === 'border-box';
     let requiredDimension = element[`scroll${capitalizeDimension}`];
 
     if (isBorderBox) {

From 5e04f5324b14767cde99b6c5ba93501d457a872d Mon Sep 17 00:00:00 2001
From: Jeldrik Hanschke <admin@jhanschke.de>
Date: Sat, 7 Jan 2023 12:04:18 +0100
Subject: [PATCH 3/3] ensure that string fits into min width

---
 tests/integration/modifiers/autoresize-test.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/integration/modifiers/autoresize-test.js b/tests/integration/modifiers/autoresize-test.js
index 225c892..fa64c13 100644
--- a/tests/integration/modifiers/autoresize-test.js
+++ b/tests/integration/modifiers/autoresize-test.js
@@ -69,10 +69,10 @@ module('Integration | Modifier | autoresize', function (hooks) {
     this.set('value', shortString);
 
     await render(
-      hbs`<textarea style="padding: 0; min-width: 50px;" value={{this.value}} {{autoresize mode="width"}} />`
+      hbs`<textarea style="padding: 0; min-width: 200px;" value={{this.value}} {{autoresize mode="width"}} />`
     );
     let textarea = find('textarea');
-    assert.strictEqual(textarea.scrollWidth, 50);
+    assert.strictEqual(textarea.scrollWidth, 200);
     assert.extendedDom('textarea').doesNotOverflowX();
   });