r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Fix focus not coming on clicking on the rename option for a sketch, inside the Sketch Modal

Browse source
This commit is contained in:
nik72619c 2020-02-28 01:57:28 +05:30
parent ab7f4279bd
commit ab673fe771
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/modules/IDE/components/SketchList.jsx
View file

@ -29,6 +29,7 @@ class SketchListRowBase extends React.Component {
renameValue: props.sketch.name, renameValue: props.sketch.name,
isFocused: false isFocused: false
}; };
this.renameInput = React.createRef();
} }
onFocusComponent = () => { onFocusComponent = () => {
this.setState({ isFocused: true }); this.setState({ isFocused: true });
@ -66,7 +67,7 @@ class SketchListRowBase extends React.Component {
openRename = () => { openRename = () => {
this.setState({ this.setState({
renameOpen: true renameOpen: true
}); }, () => this.renameInput.current.focus());
} }
closeRename = () => { closeRename = () => {
@ -158,6 +159,7 @@ class SketchListRowBase extends React.Component {
onKeyUp={this.handleRenameEnter} onKeyUp={this.handleRenameEnter}
onBlur={this.resetSketchName} onBlur={this.resetSketchName}
onClick={e => e.stopPropagation()} onClick={e => e.stopPropagation()}
ref={this.renameInput}
/> />
} }
</th> </th>