I'd like the ability to have the input look different when it reaches max width. Maybe something like:

{{input autoresize=true maxWidthClass="lol cats" max-width=300}}

## initial rendering
<input class="ember-view ember-text-field ember-auto-resize" style="width: 9px; overflow: hidden;">

## when the width hits 300px
<input class="ember-view ember-text-field ember-auto-resize lol cats" style="width: 300px; overflow: hidden;"/>

If this sounds OK to you, I'll make a PR. @tim-evans

also, perhaps an action that can be fired when we reach max width. I feel more iffy about this though.

Would be nice to have a class name to identify the temporary div that's created. Just spent a little while trying to figure out where this div was coming from. So, for example:

<div class="ember-autoresize" style="position: absolute; left: -10010px; top: -10px; width: 10000px; height: 0px; overflow: hidden; visibility: hidden;">

Thanks for your work on this.

See http://paddle8.github.io/ember-autoresize/

It looks like it's off by a half pixel in FireFox.

We are trying to use the addon within our app, and it seems to be working, but our tests fail with

Promise rejected after user can switch between editing and preview mode: Cannot get styles on an element that doesn't exist

Initially, we thought the problem is with our own lifecycle, since the editor is placed in a tab that renders or doesn't render depending on a property, but putting it outside of that scope, so it's always rendered doesn't make a difference.

When are you going to release 1.15.5 - the fix for ember-cli-fastboot is well needed?

My app contains tabs. If an autoresize textarea exists in a tab not immediately visible, it doesn't initialize to the correct size. I have to type something for it to update.

Is there an easy way tell the textarea to run a manual update?

Use dom-ruler as a dependency and convert to an add on for easier use.

Version 1.3.1 of ember-cli-htmlbars just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As ember-cli-htmlbars is “only” a devDependency of this project it might not break production or downstream projects, but “only” your build or test tools – preventing new deploys or publishes.

I recommend you give this issue a high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

@tim-evans is it working for you? autoresize seems to be completely broken from my testing

Not sure what is causing this but we've tried to fix it a couple of times and it keeps recurring. We are using ember-autoresize for the title input in https://github.com/ember-cli/ember-twiddle. It seems to sporadically cut off the last character in the input. Not always and not reproducible (at least not that we've found). I've attached a screen shot where you can see half of the last e in New Twiddle gets cut off.

Wondered if you guys had seen anything like this before or knew what could be going on here?

Some of the times we've tried to address it:
ember-cli/ember-twiddle#187
ember-cli/ember-twiddle#190 (diff)
ember-cli/ember-twiddle@c9d57d6

The injection of the AdobeBlank font appears to slow my initial page load time down by about 0.5 seconds on average. My understanding from looking at the code and and previous issues is that this font is only used to support the custom-font attribute, which my application doesn't require.

Could there an option be provided in ember-cli-build to disable custom font support and then not inject the AdobeBlank font?

Version 4.5.0 of loader.js just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As loader.js is “only” a devDependency of this project it might not break production or downstream projects, but “only” your build or test tools – preventing new deploys or publishes.

I recommend you give this issue a high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

document.styleSheets not always synchronously updated with a new element's sheet.

The element added here may not actually cause a sheet to be added and found in document.styleSheets here.

This presents as an error:

Ember 1.12 started to throw Deprecation warnings. Resolving this will break backwards compatibility so you should be aware of this when bumping the version of this library to resolve this issue.

https://github.com/paddle8/ember-autoresize/blob/master/addon/mixins/autoresize.js#L63

should be rewritten as:

atuoresize: computed('', {
  set: function(keyname, value) {
     ...
  }
})

See: http://emberjs.com/deprecations/v1.x/#toc_computed-properties-with-a-shared-getter-and-setter

I'm getting deprecation warnings for Ember.keys.

I think the error might be from quotation marks in multi-word fonts, like Open Sans and Helvetica Neue

For reference, this is what dom_ruler.getStyles(get(this, 'element')).fontFamily.split(',') responds with before it errors out:

• ["'Open Sans'", " 'Helvetica Neue'", " Helvetica", " Arial", " sans-serif"]

autoresize.js:174 [Report Only] Refused to load the font 
'data:font/opentype;base64,
T1RUTwAKAIAAAwAgQ0ZGIDTeCDQAACFkAAAZPERTSUcAAAABA…AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAA==' 
because it violates the following Content Security Policy directive: "font-src 'self' fonts.gstatic.com".

Hi, I get this error after upgrading to 1.3.1:

Could not find module `ember-copy` imported from `ember-autoresize/system/font-loaded`

I see ember-copy in the package.json for the add-on, but not in my project's node_modules.

Seems that if I add ember-copy to my project dependencies it fixes the problem?

ember-cli: 3.3.0
node: 10.4.1
os: darwin x64

There should be a way for the addon to automatically execute its own blueprint during install, rather than having to make the user run ember g ember-autoresize afterward. I just don't remember what it is, lol.

Hi @tim-evans first of all thanks for the great addon.

I'm using this in a project, and a user detected a bug when using browser zoom, but it might occur in other instances too.

The problem is in https://github.com/tim-evans/ember-autoresize/blob/0.5.17/addon/mixins/autoresize.js#L21

If by some reason the number is a float this unitlessNumber === number + '' won't be true and a number without units will be returned. You can see here my example:

There might be multiple ways of fixing this and I'm not sure what's the best for all the available use cases and I can't seem to run the package tests to make sure I'm not breakign something, so I'm going to submit a PR with a "safe" fix.

Question, is this supported for Ember Octane glimmer components?

Some users may want to be able to pass in a different form of measurement than a number that will be interpreted in px. They may want to use em or some other option for their max-width/max-height. The mixin should be able to interpret multiple forms of input for the styling.

When I try to install the addon using ember install I get the following error:

bryan$ ember install ember-autoresize
version: 1.13.8
Installed packages for tooling via npm.
installing ember-autoresize
undefined is not a function
TypeError: undefined is not a function
    at new RegistryClient (/Users/bryan/src/betterup-app/frontend/node_modules/ember-cli/node_modules/bower/node_modules/bower-registry-client/Client.js:8:27)
    at new PackageRepository (/Users/bryan/src/betterup-app/frontend/node_modules/ember-cli/node_modules/bower/lib/core/PackageRepository.js:17:28)
    at new Manager (/Users/bryan/src/betterup-app/frontend/node_modules/ember-cli/node_modules/bower/lib/core/Manager.js:17:24)
    at new Project (/Users/bryan/src/betterup-app/frontend/node_modules/ember-cli/node_modules/bower/lib/core/Project.js:25:21)
    at install (/Users/bryan/src/betterup-app/frontend/node_modules/ember-cli/node_modules/bower/lib/commands/install.js:16:15)
    at /Users/bryan/src/betterup-app/frontend/node_modules/ember-cli/node_modules/bower/lib/commands/index.js:21:32
    at Promise.apply (/Users/bryan/src/betterup-app/frontend/node_modules/ember-cli/node_modules/bower/node_modules/q/q.js:1165:26)
    at Promise.promise.promiseDispatch (/Users/bryan/src/betterup-app/frontend/node_modules/ember-cli/node_modules/bower/node_modules/q/q.js:788:41)
    at /Users/bryan/src/betterup-app/frontend/node_modules/ember-cli/node_modules/bower/node_modules/q/q.js:1391:14
    at runSingle (/Users/bryan/src/betterup-app/frontend/node_modules/ember-cli/node_modules/bower/node_modules/q/q.js:137:13)

I was able to get the addon working using npm and then adding dom-ruler to my bower.json. I'm not sure what kind of environment info you need, but here's my bower.json:

{
  "name": "frontend",
  "dependencies": {
    "bootstrap-filestyle": "~1.2.1",
    "bootstrap-sass": "~3.3.5",
    "ember": "2.2.0",
    "ember-cli-shims": "0.0.6",
    "ember-cli-test-loader": "0.2.1",
    "ember-data": "2.2.1",
    "ember-load-initializers": "~0.1.7",
    "ember-qunit": "0.4.13",
    "ember-qunit-notifications": "0.1.0",
    "font-awesome": "~4.4.0",
    "fullcalendar": "~2.4.0",
    "hint.css": "~1.3.5",
    "jquery": "2.1.4",
    "jquery-knob": "~1.2.11",
    "jquery-mockjax": "~2.0.1",
    "loader.js": "3.4.0",
    "moment": ">= 2.8.0",
    "moment-timezone": "0.4.1",
    "qunit": "~1.18.0",
    "ember-uploader": "0.3.9",
    "fullcalendar": "~2.4.0",
    "js-cookie": "2.0.4",
    "dom-ruler": "~0.1.13"
  },
  "devDependencies": {
    "blanket": "~1.1.5"
  }
}

Hi! According to README package.json should declare ember dependency like this:

'ember': '>1.12.0'

should I do sent a PR?

After upgrading to Ember 2.10 and upgrading ember-autoresize from working 0.5.16 → 0.5.19, ember s fails with the error:

The Broccoli Plugin: [SourceMapConcat: Concat: Vendor /assets/vendor.js] failed with:
Error: ENOENT: no such file or directory, stat '/mypath/tmp/source_map_concat-input_base_path-pRZd4RXb.tmp/bower_components/dom-ruler/dist/amd/dom-ruler.js'
    at Error (native)
    at Object.fs.statSync (fs.js:987:18)
    at FSMonitor._measure (/mypath/node_modules/heimdalljs-fs-monitor/index.js:66:21)
    at Object.statSync (/mypath/node_modules/heimdalljs-fs-monitor/index.js:82:30)
    at Concat.keyForFile (/mypath/node_modules/broccoli-caching-writer/index.js:87:20)
    at Array.map (native)
    at Concat.CachingWriter._conditionalBuild (/mypath/node_modules/broccoli-caching-writer/index.js:109:65)
    at /mypath/node_modules/broccoli-plugin/read_compat.js:93:34
    at tryCatch (/mypath/node_modules/rsvp/dist/rsvp.js:538:12)
    at invokeCallback (/mypath/node_modules/rsvp/dist/rsvp.js:553:13)

The broccoli plugin was instantiated at:
    at Concat.Plugin (/mypath/node_modules/broccoli-plugin/index.js:7:31)
    at Concat.CachingWriter [as constructor] (/mypath/node_modules/broccoli-caching-writer/index.js:18:10)
    at new Concat (/mypath/node_modules/broccoli-concat/concat.js:33:17)
    at module.exports (/mypath/node_modules/broccoli-concat/index.js:26:10)
    at EmberApp.concatFiles (/mypath/node_modules/ember-cli/lib/broccoli/ember-app.js:369:10)
    at EmberApp._concatFiles (/mypath/node_modules/ember-cli/lib/broccoli/ember-app.js:382:15)
    at EmberApp.javascript (/mypath/node_modules/ember-cli/lib/broccoli/ember-app.js:1270:12)
    at EmberApp.toArray (/mypath/node_modules/ember-cli/lib/broccoli/ember-app.js:1646:10)
    at EmberApp.toTree (/mypath/node_modules/ember-cli/lib/broccoli/ember-app.js:1668:30)
    at module.exports (/mypath/ember-cli-build.js:67:16)

I notice that you have ember-cli-babel listed as version 6.x in master but not in the latest release. Could you please release a version with babel 6?

Thanks!

See http://paddle8.github.io/ember-autoresize/

This might have to do with scrollbars.

Hi, 👋

It would be useful to get the list of changes and bugfixes between versions, with migrations notes or recommendations if any. For now we have to check in the code or git history if any change in the API was made, and it can take some time when you have a lot of dependencies to update.

Please publish a GitHub release for the last version v1.3.2 with what changed and reasons behind the major version update, and provide a CHANGELOG.md file or GitHub releases.

See for example https://gist.github.com/ungoldman/476a87abd16cd970bb9f

Thank you. ❤️

IE doesn't support CSS resize and the jQuery plugins that exist are not CSS-intelligent and they really want you to download a bunch of jquery-ui stuff (including stylesheets).

If this was intelligent that would be amazing.

I'd even send over an internet hug.

I would like to have it use the placeholder, or be able to give it a string to use in case the placeholder is not being used. Is there a way to do that? I tried a few things but nothing seems to work. I apologize if I'm missing something obvious, as is often the case with me!

I'm doing something like this on focusOut to ensure the field always has a value but it seems the textfield resizes to only fit . from autoResizeText and doesn't resize to accommodate the text being inserted:

if(this.$('input').val()===''){
        this.$('input').val('default value');
    }

If I could set the autoResizeText property directly or the value it uses then it would be perfect.

This seems to be done but is still an issue in 0.5.1

The demo page hasn't been updated in 7 months, and it doesn't reflect the current API. For example, the code it shows uses maxHeight instead of max-height.

HierarchyRequestError: DOM Exception 3: A Node was inserted somewhere it doesn't belong.

It's taken me about 6 hours to finally pin this down. I can walk you through the details if you're interested but I'll assume you want to be spared.

The gist: I get the above error when:

1. Using an old iphone, (I can replicated it using the simulator with iOS 8.3 and safari AND
2. Transitioning to a page that has an autoresizing textarea (not directly loading the page) AND
3. The site's built using the production env (doesn't happen in dev)

I've tracked it down to your injectAdobeBlank() function in system/font-loaded.js. If I comment out the contents of that function I do not receive the error and everything works

I feel a little crazy because of how ridiculously specific this is. I'm not sure it's of any use. How necessary is adobe blank?

Ember                     : 1.13.10
Ember Data                : 1.13.11
ember-autoresize                 : 0.5.10

Since Bower has become the standard client-side build tool of Ember-cli, it would be great if this git repository were digestible through it.

Version 10 of Node.js (code name Dubnium) has been released! 🎊

To see what happens to your code in Node.js 10, Greenkeeper has created a branch with the following changes:

• Added the new Node.js version to your .travis.yml
• The new Node.js version is in-range for the engines in 1 of your package.json files, so that was left alone

If you’re interested in upgrading this repo to Node.js 10, you can open a PR with these changes. Please note that this issue is just intended as a friendly reminder and the PR as a possible starting point for getting your code running on Node.js 10.

Your Greenkeeper Bot 🌴