fix: address bar not updating (#1836)

1 files changed, 7 insertions, 2 deletions

diff --git a/src/features/webControls/components/WebControls.js b/src/features/webControls/components/WebControls.js
index 9a95eb2d2..bebf52c08 100644
--- a/src/features/webControls/components/WebControls.js
+++ b/src/features/webControls/components/WebControls.js
@@ -199,12 +199,17 @@ class WebControls extends Component {
             })
           }
           onFocus={event => {
-            console.log('on focus event');
             event.target.select();
             this.setState({
               editUrl: true,
             });
           }}
+          onBlur={event => {
+            event.target.blur();
+            this.setState({
+              editUrl: false,
+            });
+          }}
           onKeyDown={event => {
             if (event.key === 'Enter') {
               this.setState({
@@ -217,7 +222,7 @@ class WebControls extends Component {
                 editUrl: false,
                 inputUrl: url,
               });
-              event.target.blur();
+              this.inputRef.current.blur();
             }
           }}
           ref={this.inputRef}