ITQC/pydase
24
0
Fork 0
mirror of https://github.com/tiqi-group/pydase.git synced 2025-06-11 07:47:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: NumberComponent cursor position change

Browse Source
This commit is contained in:
Mose Müller
2023-08-02 12:06:22 +02:00
parent 4597dbca99
commit c5bbaad58d
7 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/NumberComponent.tsx
View File

@ -119,7 +119,9 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => {
}
// Set the cursor position after the component re-renders
const inputElement = document.getElementsByName(name)[0] as HTMLInputElement;
const inputElement = document.getElementsByName(
parent_path.concat(name)
)[0] as HTMLInputElement;
if (inputElement && cursorPosition !== null) {
inputElement.setSelectionRange(cursorPosition, cursorPosition);
}
@ -212,7 +214,7 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => {
};
return (
<div className={'component boolean'} id={parent_path.concat(name)}>
<div className={'number component'} id={parent_path.concat(name)}>
{process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p>
)}
@ -225,7 +227,7 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => {
type="text"
value={inputString}
disabled={readOnly}
name={name}
name={parent_path.concat(name)}
onKeyDown={handleKeyDown}
/>
</InputGroup>