From 607cd707dcce41b4de19d206c84125f4d984921e Mon Sep 17 00:00:00 2001
From: Rainer Simon <rainer.simon@ait.ac.at>
Date: Mon, 12 Oct 2020 09:39:14 +0200
Subject: [PATCH] Intermediate bugfix to autocomplete

---
 src/TextAnnotator.jsx              | 1 +
 src/editor/widgets/Autocomplete.js | 9 +++------
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/TextAnnotator.jsx b/src/TextAnnotator.jsx
index 1b3dac0..8581d01 100644
--- a/src/TextAnnotator.jsx
+++ b/src/TextAnnotator.jsx
@@ -267,6 +267,7 @@ export default class TextAnnotator extends Component {
             annotation={this.state.selectedAnnotation}
             selectedElement={this.state.selectedDOMElement}
             config={this.props.config}
+            env={this.props.env}
             applyTemplate={this.state.applyTemplate}
             onAnnotationCreated={this.onCreateOrUpdateAnnotation('onAnnotationCreated')}
             onAnnotationUpdated={this.onCreateOrUpdateAnnotation('onAnnotationUpdated')}
diff --git a/src/editor/widgets/Autocomplete.js b/src/editor/widgets/Autocomplete.js
index b018967..cae0435 100644
--- a/src/editor/widgets/Autocomplete.js
+++ b/src/editor/widgets/Autocomplete.js
@@ -1,10 +1,8 @@
-import React, { useState, useRef } from 'react'
+import React, { useState } from 'react'
 import { useCombobox } from 'downshift'
 
 const Autocomplete = props => {
 
-  const element = useRef();
-
   const [ inputItems, setInputItems ] = useState(props.vocabulary);
   
   const onInputValueChange = ({ inputValue }) => {
@@ -58,12 +56,11 @@ const Autocomplete = props => {
   }
 
   return (
-    <div ref={element} className="r6o-autocomplete">
+    <div className="r6o-autocomplete">
       <div {...getComboboxProps()}>
         <input 
           {...getInputProps({ onKeyUp })}
-          placeholder={props.placeholder}
-          defaultValue={props.initialValue} />
+          placeholder={props.placeholder} />
       </div>
       <ul {...getMenuProps()}>
         {isOpen && inputItems.map((item, index) => (