From a6d79f3dcf957f794fc721495988524fe14b3a82 Mon Sep 17 00:00:00 2001 From: Marc Reichel Date: Wed, 16 Mar 2022 07:56:14 +0100 Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=90=9B=20Respect=20rows?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fixes #4 --- src/index.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/index.js b/src/index.js index 03c5a5f..263abeb 100644 --- a/src/index.js +++ b/src/index.js @@ -3,6 +3,9 @@ function Autosize(Alpine) { const previousResizeValue = el.style.resize; el.style.resize = 'none'; + const previousMinHeight = el.style.minHeight; + el.style.minHeight = el.getBoundingClientRect().height + 'px'; + const handler = (event) => { const element = event.target; element.style.height = '4px'; @@ -15,6 +18,7 @@ function Autosize(Alpine) { cleanup(() => { el.style.resize = previousResizeValue; + el.style.minHeight = previousMinHeight; el.removeEventListener('input', handler); }); }); From 34efd8cc555abf1c72379989478e48a7347cd005 Mon Sep 17 00:00:00 2001 From: Marc Reichel Date: Wed, 16 Mar 2022 07:57:51 +0100 Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=93=A6=EF=B8=8F=20Update=20compiled?= =?UTF-8?q?=20files?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dist/alpine-autosize.js | 3 +++ dist/alpine-autosize.js.map | 2 +- dist/alpine-autosize.min.js | 2 +- dist/alpine-autosize.min.js.map | 2 +- 4 files changed, 6 insertions(+), 3 deletions(-) diff --git a/dist/alpine-autosize.js b/dist/alpine-autosize.js index ad792c5..4d1417b 100644 --- a/dist/alpine-autosize.js +++ b/dist/alpine-autosize.js @@ -9,6 +9,8 @@ }) => { const previousResizeValue = el.style.resize; el.style.resize = 'none'; + const previousMinHeight = el.style.minHeight; + el.style.minHeight = el.getBoundingClientRect().height + 'px'; const handler = event => { const element = event.target; @@ -22,6 +24,7 @@ el.addEventListener('input', handler); cleanup(() => { el.style.resize = previousResizeValue; + el.style.minHeight = previousMinHeight; el.removeEventListener('input', handler); }); }); diff --git a/dist/alpine-autosize.js.map b/dist/alpine-autosize.js.map index b6555fe..573ed5b 100644 --- a/dist/alpine-autosize.js.map +++ b/dist/alpine-autosize.js.map @@ -1 +1 @@ -{"version":3,"file":"alpine-autosize.js","sources":["../src/index.js","../builds/cdn.js"],"sourcesContent":["function Autosize(Alpine) {\n Alpine.directive('autosize', (el, {}, { cleanup }) => {\n const previousResizeValue = el.style.resize;\n el.style.resize = 'none';\n\n const handler = (event) => {\n const element = event.target;\n element.style.height = '4px';\n element.style.height = `${element.scrollHeight}px`;\n };\n\n handler({ target: el });\n\n el.addEventListener('input', handler);\n\n cleanup(() => {\n el.style.resize = previousResizeValue;\n el.removeEventListener('input', handler);\n });\n });\n}\n\nexport default Autosize;\n","import autosize from '../src/index.js';\n\ndocument.addEventListener('alpine:init', () => {\n autosize(window.Alpine);\n});\n"],"names":["Autosize","Alpine","directive","el","cleanup","previousResizeValue","style","resize","handler","event","element","target","height","scrollHeight","addEventListener","removeEventListener","document","autosize","window"],"mappings":";;;;;IAAA,SAASA,QAAT,CAAkBC,MAAlB,EAA0B;IACtBA,EAAAA,MAAM,CAACC,SAAP,CAAiB,UAAjB,EAA6B,CAACC,EAAD,EAAK,EAAL,EAAS;IAAEC,IAAAA;IAAF,GAAT,KAAyB;IAClD,UAAMC,mBAAmB,GAAGF,EAAE,CAACG,KAAH,CAASC,MAArC;IACAJ,IAAAA,EAAE,CAACG,KAAH,CAASC,MAAT,GAAkB,MAAlB;;IAEA,UAAMC,OAAO,GAAIC,KAAD,IAAW;IACvB,YAAMC,OAAO,GAAGD,KAAK,CAACE,MAAtB;IACAD,MAAAA,OAAO,CAACJ,KAAR,CAAcM,MAAd,GAAuB,KAAvB;IACAF,MAAAA,OAAO,CAACJ,KAAR,CAAcM,MAAd,GAAwB,GAAEF,OAAO,CAACG,YAAa,IAA/C;IACH,KAJD;;IAMAL,IAAAA,OAAO,CAAC;IAAEG,MAAAA,MAAM,EAAER;IAAV,KAAD,CAAP;IAEAA,IAAAA,EAAE,CAACW,gBAAH,CAAoB,OAApB,EAA6BN,OAA7B;IAEAJ,IAAAA,OAAO,CAAC,MAAM;IACVD,MAAAA,EAAE,CAACG,KAAH,CAASC,MAAT,GAAkBF,mBAAlB;IACAF,MAAAA,EAAE,CAACY,mBAAH,CAAuB,OAAvB,EAAgCP,OAAhC;IACH,KAHM,CAAP;IAIH,GAlBD;IAmBH;;IClBDQ,QAAQ,CAACF,gBAAT,CAA0B,aAA1B,EAAyC,MAAM;IAC3CG,EAAAA,QAAQ,CAACC,MAAM,CAACjB,MAAR,CAAR;IACH,CAFD;;;;;;"} \ No newline at end of file +{"version":3,"file":"alpine-autosize.js","sources":["../src/index.js","../builds/cdn.js"],"sourcesContent":["function Autosize(Alpine) {\n Alpine.directive('autosize', (el, {}, { cleanup }) => {\n const previousResizeValue = el.style.resize;\n el.style.resize = 'none';\n\n const previousMinHeight = el.style.minHeight;\n el.style.minHeight = el.getBoundingClientRect().height + 'px';\n\n const handler = (event) => {\n const element = event.target;\n element.style.height = '4px';\n element.style.height = `${element.scrollHeight}px`;\n };\n\n handler({ target: el });\n\n el.addEventListener('input', handler);\n\n cleanup(() => {\n el.style.resize = previousResizeValue;\n el.style.minHeight = previousMinHeight;\n el.removeEventListener('input', handler);\n });\n });\n}\n\nexport default Autosize;\n","import autosize from '../src/index.js';\n\ndocument.addEventListener('alpine:init', () => {\n autosize(window.Alpine);\n});\n"],"names":["Autosize","Alpine","directive","el","cleanup","previousResizeValue","style","resize","previousMinHeight","minHeight","getBoundingClientRect","height","handler","event","element","target","scrollHeight","addEventListener","removeEventListener","document","autosize","window"],"mappings":";;;;;IAAA,SAASA,QAAT,CAAkBC,MAAlB,EAA0B;IACtBA,EAAAA,MAAM,CAACC,SAAP,CAAiB,UAAjB,EAA6B,CAACC,EAAD,EAAK,EAAL,EAAS;IAAEC,IAAAA;IAAF,GAAT,KAAyB;IAClD,UAAMC,mBAAmB,GAAGF,EAAE,CAACG,KAAH,CAASC,MAArC;IACAJ,IAAAA,EAAE,CAACG,KAAH,CAASC,MAAT,GAAkB,MAAlB;IAEA,UAAMC,iBAAiB,GAAGL,EAAE,CAACG,KAAH,CAASG,SAAnC;IACAN,IAAAA,EAAE,CAACG,KAAH,CAASG,SAAT,GAAqBN,EAAE,CAACO,qBAAH,GAA2BC,MAA3B,GAAoC,IAAzD;;IAEA,UAAMC,OAAO,GAAIC,KAAD,IAAW;IACvB,YAAMC,OAAO,GAAGD,KAAK,CAACE,MAAtB;IACAD,MAAAA,OAAO,CAACR,KAAR,CAAcK,MAAd,GAAuB,KAAvB;IACAG,MAAAA,OAAO,CAACR,KAAR,CAAcK,MAAd,GAAwB,GAAEG,OAAO,CAACE,YAAa,IAA/C;IACH,KAJD;;IAMAJ,IAAAA,OAAO,CAAC;IAAEG,MAAAA,MAAM,EAAEZ;IAAV,KAAD,CAAP;IAEAA,IAAAA,EAAE,CAACc,gBAAH,CAAoB,OAApB,EAA6BL,OAA7B;IAEAR,IAAAA,OAAO,CAAC,MAAM;IACVD,MAAAA,EAAE,CAACG,KAAH,CAASC,MAAT,GAAkBF,mBAAlB;IACAF,MAAAA,EAAE,CAACG,KAAH,CAASG,SAAT,GAAqBD,iBAArB;IACAL,MAAAA,EAAE,CAACe,mBAAH,CAAuB,OAAvB,EAAgCN,OAAhC;IACH,KAJM,CAAP;IAKH,GAtBD;IAuBH;;ICtBDO,QAAQ,CAACF,gBAAT,CAA0B,aAA1B,EAAyC,MAAM;IAC3CG,EAAAA,QAAQ,CAACC,MAAM,CAACpB,MAAR,CAAR;IACH,CAFD;;;;;;"} \ No newline at end of file diff --git a/dist/alpine-autosize.min.js b/dist/alpine-autosize.min.js index f6c9549..2e440b6 100644 --- a/dist/alpine-autosize.min.js +++ b/dist/alpine-autosize.min.js @@ -1,2 +1,2 @@ -!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";document.addEventListener("alpine:init",(()=>{window.Alpine.directive("autosize",((e,{},{cleanup:t})=>{const n=e.style.resize;e.style.resize="none";const i=e=>{const t=e.target;t.style.height="4px",t.style.height=`${t.scrollHeight}px`};i({target:e}),e.addEventListener("input",i),t((()=>{e.style.resize=n,e.removeEventListener("input",i)}))}))}))})); +!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";document.addEventListener("alpine:init",(()=>{window.Alpine.directive("autosize",((e,{},{cleanup:t})=>{const i=e.style.resize;e.style.resize="none";const n=e.style.minHeight;e.style.minHeight=e.getBoundingClientRect().height+"px";const s=e=>{const t=e.target;t.style.height="4px",t.style.height=`${t.scrollHeight}px`};s({target:e}),e.addEventListener("input",s),t((()=>{e.style.resize=i,e.style.minHeight=n,e.removeEventListener("input",s)}))}))}))})); //# sourceMappingURL=alpine-autosize.min.js.map diff --git a/dist/alpine-autosize.min.js.map b/dist/alpine-autosize.min.js.map index 46298d9..82bcddb 100644 --- a/dist/alpine-autosize.min.js.map +++ b/dist/alpine-autosize.min.js.map @@ -1 +1 @@ -{"version":3,"file":"alpine-autosize.min.js","sources":["../builds/cdn.js","../src/index.js"],"sourcesContent":["import autosize from '../src/index.js';\n\ndocument.addEventListener('alpine:init', () => {\n autosize(window.Alpine);\n});\n","function Autosize(Alpine) {\n Alpine.directive('autosize', (el, {}, { cleanup }) => {\n const previousResizeValue = el.style.resize;\n el.style.resize = 'none';\n\n const handler = (event) => {\n const element = event.target;\n element.style.height = '4px';\n element.style.height = `${element.scrollHeight}px`;\n };\n\n handler({ target: el });\n\n el.addEventListener('input', handler);\n\n cleanup(() => {\n el.style.resize = previousResizeValue;\n el.removeEventListener('input', handler);\n });\n });\n}\n\nexport default Autosize;\n"],"names":["document","addEventListener","window","Alpine","directive","el","cleanup","previousResizeValue","style","resize","handler","event","element","target","height","scrollHeight","removeEventListener"],"mappings":"2FAEAA,SAASC,iBAAiB,eAAe,KAC5BC,OAAOC,OCFTC,UAAU,YAAY,CAACC,MAAUC,QAAAA,YAC9BC,EAAsBF,EAAGG,MAAMC,OACrCJ,EAAGG,MAAMC,OAAS,aAEZC,EAAWC,UACPC,EAAUD,EAAME,OACtBD,EAAQJ,MAAMM,OAAS,MACvBF,EAAQJ,MAAMM,OAAU,GAAEF,EAAQG,kBAGtCL,EAAQ,CAAEG,OAAQR,IAElBA,EAAGJ,iBAAiB,QAASS,GAE7BJ,GAAQ,KACJD,EAAGG,MAAMC,OAASF,EAClBF,EAAGW,oBAAoB,QAASN"} \ No newline at end of file +{"version":3,"file":"alpine-autosize.min.js","sources":["../builds/cdn.js","../src/index.js"],"sourcesContent":["import autosize from '../src/index.js';\n\ndocument.addEventListener('alpine:init', () => {\n autosize(window.Alpine);\n});\n","function Autosize(Alpine) {\n Alpine.directive('autosize', (el, {}, { cleanup }) => {\n const previousResizeValue = el.style.resize;\n el.style.resize = 'none';\n\n const previousMinHeight = el.style.minHeight;\n el.style.minHeight = el.getBoundingClientRect().height + 'px';\n\n const handler = (event) => {\n const element = event.target;\n element.style.height = '4px';\n element.style.height = `${element.scrollHeight}px`;\n };\n\n handler({ target: el });\n\n el.addEventListener('input', handler);\n\n cleanup(() => {\n el.style.resize = previousResizeValue;\n el.style.minHeight = previousMinHeight;\n el.removeEventListener('input', handler);\n });\n });\n}\n\nexport default Autosize;\n"],"names":["document","addEventListener","window","Alpine","directive","el","cleanup","previousResizeValue","style","resize","previousMinHeight","minHeight","getBoundingClientRect","height","handler","event","element","target","scrollHeight","removeEventListener"],"mappings":"2FAEAA,SAASC,iBAAiB,eAAe,KAC5BC,OAAOC,OCFTC,UAAU,YAAY,CAACC,MAAUC,QAAAA,YAC9BC,EAAsBF,EAAGG,MAAMC,OACrCJ,EAAGG,MAAMC,OAAS,aAEZC,EAAoBL,EAAGG,MAAMG,UACnCN,EAAGG,MAAMG,UAAYN,EAAGO,wBAAwBC,OAAS,WAEnDC,EAAWC,UACPC,EAAUD,EAAME,OACtBD,EAAQR,MAAMK,OAAS,MACvBG,EAAQR,MAAMK,OAAU,GAAEG,EAAQE,kBAGtCJ,EAAQ,CAAEG,OAAQZ,IAElBA,EAAGJ,iBAAiB,QAASa,GAE7BR,GAAQ,KACJD,EAAGG,MAAMC,OAASF,EAClBF,EAAGG,MAAMG,UAAYD,EACrBL,EAAGc,oBAAoB,QAASL"} \ No newline at end of file