clipperz/password-manager-mirror
1
0
Fork 0
mirror of http://git.whoc.org.uk/git/password-manager.git synced 2025-01-10 11:50:03 +01:00
Code Issues Releases Wiki Activity

Added text area autoresize behaviour.

Browse Source
This commit is contained in:
Giulio Cesare Solaroli 2015-02-26 18:39:03 +01:00
parent 29ff09441b
commit 375fc0c10e
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/delta/js/Clipperz/PM/UI/Components/Cards/Edit.js
View File

@ -44,6 +44,35 @@ Clipperz.PM.UI.Components.Cards.Edit = React.createClass({
//---------------------------------------------------------------------------- //----------------------------------------------------------------------------
componentDidMount: function() {
var textareas;
var autoresize = this.autoresize;
textareas = [].slice.call(this.getDOMNode().querySelectorAll('textarea'));
textareas.forEach(function(aTextarea) {
aTextarea.addEventListener('input', autoresize, false);
autoresize({target:aTextarea});
});
},
componentWillUnmount: function() {
var textareas;
var autoresize = this.autoresize;
textareas = [].slice.call(this.getDOMNode().querySelectorAll('textarea'));
textareas.forEach(function(aTextarea) {
aTextarea.removeEventListener('input', autoresize, false);
});
},
autoresize: function (anEvent) {
anEvent.target.style.height = 'auto';
anEvent.target.style.height = anEvent.target.scrollHeight+'px';
window.scrollTo(window.scrollLeft, (anEvent.target.scrollTop + anEvent.target.scrollHeight));
},
//----------------------------------------------------------------------------
record: function () { record: function () {
return this.props['_record']; return this.props['_record'];
}, },