diff options
Diffstat (limited to 'webapp/components/get_link_modal.jsx')
-rw-r--r-- | webapp/components/get_link_modal.jsx | 14 |
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> |