frontend: fix div ids

This commit is contained in:
Mose Müller 2023-10-17 11:42:13 +02:00
parent c1f0b7b74d
commit 5ad15c1cae
3 changed files with 4 additions and 4 deletions

View File

@ -22,7 +22,7 @@ export const ListComponent = React.memo((props: ListComponentProps) => {
}, [props]); }, [props]);
return ( return (
<div className={'listComponent'} id={parentPath.concat(name)}> <div className={'listComponent'} id={parentPath.concat('.' + name)}>
{process.env.NODE_ENV === 'development' && ( {process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p> <p>Render count: {renderCount.current}</p>
)} )}

View File

@ -137,7 +137,7 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => {
// Set the cursor position after the component re-renders // Set the cursor position after the component re-renders
const inputElement = document.getElementsByName( const inputElement = document.getElementsByName(
parentPath.concat(name) parentPath.concat('.' + name)
)[0] as HTMLInputElement; )[0] as HTMLInputElement;
if (inputElement && cursorPosition !== null) { if (inputElement && cursorPosition !== null) {
inputElement.setSelectionRange(cursorPosition, cursorPosition); inputElement.setSelectionRange(cursorPosition, cursorPosition);
@ -287,7 +287,7 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => {
type="text" type="text"
value={inputString} value={inputString}
disabled={readOnly} disabled={readOnly}
name={parentPath.concat(name)} name={parentPath.concat('.' + name)}
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}
onBlur={handleBlur} onBlur={handleBlur}
className={isInstantUpdate && !readOnly ? 'instantUpdate' : ''} className={isInstantUpdate && !readOnly ? 'instantUpdate' : ''}

View File

@ -55,7 +55,7 @@ export const StringComponent = React.memo((props: StringComponentProps) => {
}; };
return ( return (
<div className={'stringComponent'} id={parentPath.concat(name)}> <div className={'stringComponent'} id={parentPath.concat('.' + name)}>
{process.env.NODE_ENV === 'development' && ( {process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p> <p>Render count: {renderCount.current}</p>
)} )}