Allow editing in many rows at once (Vue & Vanilla JS Example)

The following example contains a Vue Cell Renderer, and a Vanilla Cell Renderer (acting as Editors), which both render a <textarea> DOM element. 

The "ENABLE/DISABLE" button at the top will toggle the editing for all rows/cells using this renderer. 

Input / Keydown listeners have been applied to the <textarea> 

When input is entered into one of the fields, the Renderer calls this.params.setValue(e.target.value) from the listener, which will update the value inside the grid.

Please see the following example for more implementation details:

https://plnkr.co/edit/IAKUYB9UzeFC1LdY

 The following feature request should alleviate the need for this work around:

AG-1195

Allow editing in many rows at once, and let edit mode be turned on by default. Likely to be a callback