public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-15 02:36:36 +00:00
Code Issues Releases Wiki Activity

Folder create modalを出したら、まっすぐName inputをFocusする

Browse Source
This commit is contained in:
Rokt33r
2015-11-30 16:28:14 +09:00
parent 57998ba727
commit 0448773682
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
lib/components/modal/CreateNewFolder.js
View File

@@ -1,4 +1,5 @@
import React, { PropTypes } from 'react' import React, { PropTypes } from 'react'
import ReactDOM from 'react-dom'
import linkState from 'boost/linkState' import linkState from 'boost/linkState'
import { createFolder } from 'boost/actions' import { createFolder } from 'boost/actions'
import store from 'boost/store' import store from 'boost/store'
@@ -15,6 +16,10 @@ export default class CreateNewFolder extends React.Component {
} }
} }
componentDidMount () {
ReactDOM.findDOMNode(this.refs.folderName).focus()
}
handleCloseButton (e) { handleCloseButton (e) {
this.props.close() this.props.close()
} }
@@ -84,7 +89,7 @@ export default class CreateNewFolder extends React.Component {
<div className='title'>Create new folder</div> <div className='title'>Create new folder</div>
<input onKeyDown={e => this.handleKeyDown(e)} className='ipt' type='text' valueLink={this.linkState('name')} placeholder='Enter folder name'/> <input ref='folderName' onKeyDown={e => this.handleKeyDown(e)} className='ipt' type='text' valueLink={this.linkState('name')} placeholder='Enter folder name'/>
<div className='colorSelect'> <div className='colorSelect'>
{colorElements} {colorElements}
</div> </div>