Multiple editors bug

[abram27]

When I add another froala editor to an observable array it displays a different value in an editor already existing.

       <div id='myView'>
		<div data-bind="foreach:questions">
			<textarea data-bind="value:questionLabel, froala: questionLabel, froalaOptions: $root.editorOptions"></textarea>
		</div>
		
		<button data-bind="click:addItem">Add Item</button>
	</div>  
	
	<script type="text/javascript">
		function Model()
		{
			const self = this;
			this.questions = ko.observableArray([{
				questionLabel:'first item'
			},{
				questionLabel:'second item'
			}]);
			
			this.addItem = function(){
				self.questions.push({questionLabel:'third item'});
			}
						
			this.editorOptions = {
                key: <froalaKey>,
                enter: FroalaEditor.ENTER_BR,
                charCounterCount: false,
                //initOnClick: true,
                toolbarButtons: ['bold', 'italic', 'underline', '|', 'align', 'outdent', 'indent', '|', 'insertLink', 'insertImage', 'insertVideo', 'insertFile',
                    '|', 'clearFormatting', 'html', "|", 'undo', 'redo']
                
            }
		};
		let model = new Model();
		ko.applyBindings(model, document.getElementById('myView'));
	</script>

In this example it changes the display value of 'second item' when I click the add item button.