1 files changed, 13 insertions, 1 deletions

diff --git a/webapp/components/get_link_modal.jsx b/webapp/components/get_link_modal.jsx
index c04ebb957..0f41b3b29 100644
--- a/webapp/components/get_link_modal.jsx
+++ b/webapp/components/get_link_modal.jsx
@@ -16,18 +16,30 @@ export default class GetLinkModal extends React.Component {
         this.onHide = this.onHide.bind(this);
 
         this.copyLink = this.copyLink.bind(this);
+        this.selectLinkOnClick = this.selectLinkOnClick.bind(this);
 
         this.state = {
             copiedLink: false
         };
     }
 
+    componntWillUnmount() {
+        $(this.refs.textarea).off('click');
+    }
+
     onHide() {
         this.setState({copiedLink: false});
 
         this.props.onHide();
     }
 
+    selectLinkOnClick() {
+        $(this.refs.textarea).on('click', function selectLinkOnClick() {
+            $(this).select();
+            this.setSelectionRange(0, this.value.length);
+        });
+    }
+
     copyLink() {
         var copyTextarea = $(ReactDOM.findDOMNode(this.refs.textarea));
         copyTextarea.select();
@@ -76,7 +88,6 @@ export default class GetLinkModal extends React.Component {
         const linkText = (
             <textarea
                 className='form-control no-resize min-height'
-                readOnly='true'
                 ref='textarea'
                 value={this.props.link}
             />
@@ -99,6 +110,7 @@ export default class GetLinkModal extends React.Component {
             <Modal
                 show={this.props.show}
                 onHide={this.onHide}
+                onEntered={this.selectLinkOnClick}
             >
                 <Modal.Header closeButton={true}>
                     <h4 className='modal-title'>{this.props.title}</h4>