fix : add to styling logic

fix: placeholder issue fix: add to styling logic
axisj · Feb 5, 2024 · c963edd · c963edd
1 parent d5cc951
commit c963edd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -38,7 +38,7 @@
   display: inline;
   color: #ccc;
 }
-.react-multi-email.focused > span[data-placeholder] {
+.react-multi-email.fill > span[data-placeholder] {
   display: none;
 }