From 4f65c96da4454b15a9e35dfb6f9eab3353dccd3a Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 23 Sep 2023 15:23:11 -0500
Subject: [PATCH] lexical: fix placeholder z-index

---
 src/features/compose/editor/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/compose/editor/index.tsx b/src/features/compose/editor/index.tsx
index 32bea7c7f..293922e46 100644
--- a/src/features/compose/editor/index.tsx
+++ b/src/features/compose/editor/index.tsx
@@ -137,7 +137,7 @@ const ComposeEditor = React.forwardRef<LexicalEditor, IComposeEditor>(({
           contentEditable={
             <div onFocus={onFocus} onPaste={handlePaste}>
               <ContentEditable
-                className={clsx('text-[1rem] outline-none transition-[min-height] motion-reduce:transition-none', {
+                className={clsx('relative z-10 text-[1rem] outline-none transition-[min-height] motion-reduce:transition-none', {
                   'min-h-[39px]': condensed,
                   'min-h-[99px]': !condensed,
                 })}
@@ -147,7 +147,7 @@ const ComposeEditor = React.forwardRef<LexicalEditor, IComposeEditor>(({
           placeholder={(
             <div
               className={clsx(
-                'pointer-events-none absolute top-0 -z-10 select-none text-[1rem] text-gray-600 dark:placeholder:text-gray-600',
+                'pointer-events-none absolute top-0 select-none text-[1rem] text-gray-600 dark:placeholder:text-gray-600',
                 placeholderClassName,
               )}
             >