fix: Dialog 모달 내부 input 필드 텍스트 입력 불가 문제 해결

- ResizableDialog 콘텐츠 영역에 pointer-events 및 z-index 설정 추가
- TextInputComponent를 제어 컴포넌트에서 비제어 컴포넌트로 변경 (value → defaultValue)
- ItemSelectionModal 및 TextInputComponent 디버그 로그 제거

수정 파일:
- frontend/components/ui/resizable-dialog.tsx
- frontend/lib/registry/components/text-input/TextInputComponent.tsx
- frontend/lib/registry/components/modal-repeater-table/ItemSelectionModal.tsx
This commit is contained in:
SeongHyun Kim
2025-11-18 18:40:25 +09:00
parent 9c8ec879d9
commit 0bedd8bc0b
4 changed files with 37 additions and 39 deletions

View File

@@ -148,7 +148,6 @@ export function ItemSelectionModal({
// uniqueField 값이 undefined인 경우 객체 참조로 비교
if (itemValue === undefined || itemValue === null) {
console.warn(`⚠️ uniqueField "${uniqueField}"의 값이 undefined입니다. 객체 참조로 비교합니다.`);
return selectedItems.includes(item);
}
@@ -287,14 +286,6 @@ export function ItemSelectionModal({
const itemKey = (uniqueFieldValue !== undefined && uniqueFieldValue !== null)
? uniqueFieldValue
: `item-${index}`;
console.log("🔍 행 렌더링:", {
index,
itemKey,
selected,
uniqueFieldValue,
selectedCount: selectedItems.length
});
return (
<tr

View File

@@ -686,7 +686,7 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
<input
type={inputType}
value={(() => {
defaultValue={(() => {
let displayValue = "";
if (isInteractive && formData && component.columnName) {
@@ -745,13 +745,6 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
// isInteractive 모드에서는 formData 업데이트
if (isInteractive && onFormDataChange && component.columnName) {
onFormDataChange(component.columnName, newValue);
} else {
console.log("❌ TextInputComponent onFormDataChange 조건 미충족:", {
isInteractive,
hasOnFormDataChange: !!onFormDataChange,
hasColumnName: !!component.columnName,
columnName: component.columnName,
});
}
// props.onChange는 DynamicComponentRenderer의 handleChange