diff options
| -rw-r--r-- | src/client/views/EditableView.tsx | 40 | ||||
| -rw-r--r-- | src/client/views/MainView.tsx | 2 |
2 files changed, 16 insertions, 26 deletions
diff --git a/src/client/views/EditableView.tsx b/src/client/views/EditableView.tsx index 4deed5ed9..4a986cb54 100644 --- a/src/client/views/EditableView.tsx +++ b/src/client/views/EditableView.tsx @@ -232,32 +232,22 @@ export class EditableView extends React.Component<EditableProps> { onChange: this.props.autosuggestProps.onChange, }} /> - ) : <EditableText - // oneLine={this.props.oneLine && this.props.GetValue()?.toString().indexOf('\n') === -1} - editing={true} - onEdit={function (newText: string): void { - throw new Error('Function not implemented.'); - } } - setEditing={function (editing: boolean): void { - throw new Error('Function not implemented.'); - } } - // onEdit={this.onChange} + ) : + <input + className="editableView-input" + ref={r => (this._inputref = r)} + style={{ display: this.props.display, overflow: 'auto', fontSize: this.props.fontSize, minWidth: 20, background: this.props.background }} + placeholder={this.props.placeholder} + onBlur={e => this.finalizeEdit(e.currentTarget.value, false, true, false)} + defaultValue={this.props.GetValue()} + autoFocus={true} + onChange={this.onChange} + onKeyDown={this.onKeyDown} + onKeyPress={this.stopPropagation} + onPointerDown={this.stopPropagation} + onClick={this.stopPropagation} + onPointerUp={this.stopPropagation} /> - // // <input - // // className="editableView-input" - // // ref={r => (this._inputref = r)} - // // style={{ display: this.props.display, overflow: 'auto', fontSize: this.props.fontSize, minWidth: 20, background: this.props.background }} - // // placeholder={this.props.placeholder} - // // onBlur={e => this.finalizeEdit(e.currentTarget.value, false, true, false)} - // // defaultValue={this.props.GetValue()} - // // autoFocus={true} - // // onChange={this.onChange} - // // onKeyDown={this.onKeyDown} - // // onKeyPress={this.stopPropagation} - // // onPointerDown={this.stopPropagation} - // // onClick={this.stopPropagation} - // // onPointerUp={this.stopPropagation} - // // /> // ) : ( // <textarea // className="editableView-input" diff --git a/src/client/views/MainView.tsx b/src/client/views/MainView.tsx index 6e7498ebc..28f0ad0c8 100644 --- a/src/client/views/MainView.tsx +++ b/src/client/views/MainView.tsx @@ -1020,7 +1020,7 @@ export class MainView extends React.Component { <InkTranscription /> {this.snapLines} <LightboxView key="lightbox" PanelWidth={this._windowWidth} PanelHeight={this._windowHeight} maxBorder={[200, 50]} /> - <NewLightboxView key="newLightbox" PanelWidth={this._windowWidth} PanelHeight={this._windowHeight} maxBorder={[200, 50]} /> + {/* <NewLightboxView key="newLightbox" PanelWidth={this._windowWidth} PanelHeight={this._windowHeight} maxBorder={[200, 50]} /> */} </div> ); } |