From c963eddb693366183220115357143f44e3e205a7 Mon Sep 17 00:00:00 2001
From: hovelopin <kimhojin3714@naver.com>
Date: Mon, 5 Feb 2024 15:20:03 +0900
Subject: [PATCH] fix : add to styling logic

fix: placeholder issue

fix: add to styling logic
---
 react-multi-email/ReactMultiEmail.tsx | 2 +-
 react-multi-email/style.css           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/react-multi-email/ReactMultiEmail.tsx b/react-multi-email/ReactMultiEmail.tsx
index 7cc7ee4..d3ef159 100644
--- a/react-multi-email/ReactMultiEmail.tsx
+++ b/react-multi-email/ReactMultiEmail.tsx
@@ -285,7 +285,7 @@ export function ReactMultiEmail(props: IReactMultiEmailProps) {
   return (
     <div
       className={`${className} ${noClass ? '' : 'react-multi-email'} ${focused ? 'focused' : ''} ${
-        inputValue === '' && emails.length === 0 ? 'empty' : ''
+        inputValue === '' && emails.length === 0 ? 'empty' : 'fill'
       }`}
       style={style}
       onClick={() => emailInputRef.current?.focus()}
diff --git a/react-multi-email/style.css b/react-multi-email/style.css
index 536ef98..089308e 100644
--- a/react-multi-email/style.css
+++ b/react-multi-email/style.css
@@ -38,7 +38,7 @@
   display: inline;
   color: #ccc;
 }
-.react-multi-email.focused > span[data-placeholder] {
+.react-multi-email.fill > span[data-placeholder] {
   display: none;
 }