fix(@lexical/playground): Emoji menu item not getting targeted styles (…

…#6055)
facebook · May 13, 2024 · 867d449 · 867d449
1 parent 32279f4
commit 867d449
Showing 1 changed file with 13 additions and 14 deletions.
diff --git a/packages/lexical-playground/src/plugins/EmojiPickerPlugin/index.tsx b/packages/lexical-playground/src/plugins/EmojiPickerPlugin/index.tsx
@@ -173,20 +173,19 @@ export default function EmojiPickerPlugin() {
               <div className="typeahead-popover emoji-menu">
                 <ul>
                   {options.map((option: EmojiOption, index) => (
-                    <div key={option.key}>
-                      <EmojiMenuItem
-                        index={index}
-                        isSelected={selectedIndex === index}
-                        onClick={() => {
-                          setHighlightedIndex(index);
-                          selectOptionAndCleanUp(option);
-                        }}
-                        onMouseEnter={() => {
-                          setHighlightedIndex(index);
-                        }}
-                        option={option}
-                      />
-                    </div>
+                    <EmojiMenuItem
+                      key={option.key}
+                      index={index}
+                      isSelected={selectedIndex === index}
+                      onClick={() => {
+                        setHighlightedIndex(index);
+                        selectOptionAndCleanUp(option);
+                      }}
+                      onMouseEnter={() => {
+                        setHighlightedIndex(index);
+                      }}
+                      option={option}
+                    />
                   ))}
                 </ul>
               </div>,