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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user