Conditional Elasticity

[f-aubert]

Hello, I'm quite new using angular 4, and ng-elastic. So please forgive me if my issue is inappropriate. First let me thank you for your very valuable directive, which makes textarea comfortable to use.

Would you consider providing us hook to conditionally apply your directive, as as far as I know it is not doable in angular itself.

• One improvement would be to allow textarea to resize only when focused, it is implementable adding focus and blur HostListeners, as well as checking the focus state (document.activeElement === this.textAreaEl) before either adjusting or reverting the height to 'auto'. Maybe an additional directive Input attribute could trigger this behavior, or a subclassed directive 'EllasticOnFocus'
• Another improvement would be to allow enabling/disabling textarea ability to resize. Events would hence check the enabled state, and either adjust or revert the height to 'auto'. An additional directive Input could trigger this behavior, allowing developer to provide for example a '+' button to toggle the textarea elasticity on or off.

At the very least, would you consider making the fields and methods protected instead of private, so we could implements custom directive by subclassing your directive with my own?

I would gladly assist you in implementation and/or testing, at the best of my angular / html event knowledge...