From 0c3ce4d3eb3c011ee86eae1b229ed011ce4dc854 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Thu, 23 Oct 2025 09:56:38 +0900
Subject: [PATCH] =?UTF-8?q?text=ED=83=80=EC=9E=85=20=EB=9D=BC=EB=B2=A8=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=EB=AC=B8=EC=A0=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/screen/RealtimePreview.tsx     |  6 ++----
 .../text-input/TextInputComponent.tsx         | 20 +++++++++----------
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/frontend/components/screen/RealtimePreview.tsx b/frontend/components/screen/RealtimePreview.tsx
index dfddcc93..e7e95578 100644
--- a/frontend/components/screen/RealtimePreview.tsx
+++ b/frontend/components/screen/RealtimePreview.tsx
@@ -437,10 +437,8 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
 
         {/* 위젯 타입 - 동적 렌더링 (파일 컴포넌트 제외) */}
         {type === "widget" && !isFileComponent(component) && (
-          <div className="flex h-full flex-col">
-            <div className="pointer-events-none flex-1">
-              <WidgetRenderer component={component} />
-            </div>
+          <div className="pointer-events-none h-full w-full">
+            <WidgetRenderer component={component} />
           </div>
         )}
 
diff --git a/frontend/lib/registry/components/text-input/TextInputComponent.tsx b/frontend/lib/registry/components/text-input/TextInputComponent.tsx
index 65158842..185110d8 100644
--- a/frontend/lib/registry/components/text-input/TextInputComponent.tsx
+++ b/frontend/lib/registry/components/text-input/TextInputComponent.tsx
@@ -315,10 +315,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
   // 이메일 타입 전용 UI
   if (webType === "email") {
     return (
-      <div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
+      <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
         {/* 라벨 렌더링 */}
         {component.label && component.style?.labelDisplay !== false && (
-          <label className="mb-1.5 text-sm font-medium text-slate-600">
+          <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
             {component.label}
             {component.required && <span className="text-red-500">*</span>}
           </label>
@@ -417,10 +417,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
   // 전화번호 타입 전용 UI
   if (webType === "tel") {
     return (
-      <div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
+      <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
         {/* 라벨 렌더링 */}
         {component.label && component.style?.labelDisplay !== false && (
-          <label className="mb-1.5 text-sm font-medium text-slate-600">
+          <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
             {component.label}
             {component.required && <span className="text-red-500">*</span>}
           </label>
@@ -498,10 +498,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
   // URL 타입 전용 UI
   if (webType === "url") {
     return (
-      <div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
+      <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
         {/* 라벨 렌더링 */}
         {component.label && component.style?.labelDisplay !== false && (
-          <label className="mb-1.5 text-sm font-medium text-slate-600">
+          <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
             {component.label}
             {component.required && <span className="text-red-500">*</span>}
           </label>
@@ -553,10 +553,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
   // textarea 타입인 경우 별도 렌더링
   if (webType === "textarea") {
     return (
-      <div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
+      <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
         {/* 라벨 렌더링 */}
         {component.label && component.style?.labelDisplay !== false && (
-          <label className="mb-1.5 text-sm font-medium text-slate-600">
+          <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
             {component.label}
             {component.required && <span className="text-red-500">*</span>}
           </label>
@@ -594,10 +594,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
   }
 
   return (
-    <div className={`flex w-full max-w-full flex-col ${className || ""}`} {...safeDomProps}>
+    <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
       {/* 라벨 렌더링 */}
       {component.label && component.style?.labelDisplay !== false && (
-        <label className="mb-1.5 text-sm font-medium text-slate-600">
+        <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
           {component.label}
           {component.required && <span className="text-red-500">*</span>}
         </label>