Fix a bug with pointers in automated tests

Caused by my recent attempt to make cursor be a pointer over emojis. Now I use div instead of span to fix the issue.
ahmad-PH · Feb 5, 2024 · 7b03bc8 · 7b03bc8
1 parent 232c800
commit 7b03bc8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/src/contentScript/components/EmojiPicker/EmojiPicker.css b/src/contentScript/components/EmojiPicker/EmojiPicker.css
@@ -75,7 +75,6 @@
 
 #tab-renamer-extension-emoji-picker .emoji-item .emoji-wrapper {
     transform: translateY(-1.5px);
-    pointer-events: none;
 }
 
 #tab-renamer-extension-emoji-picker .emoji-item:hover {

diff --git a/src/contentScript/components/EmojiPicker/EmojiPicker.js b/src/contentScript/components/EmojiPicker/EmojiPicker.js
@@ -126,17 +126,16 @@ SearchBar.propTypes = {
 
 const Emoji = ({ emoji, onClick }) => {
     return (
-        <span 
+        <div 
             className='emoji-item' 
             data-unicode={emoji.unicode} 
             data-shortcode={emoji.shortcode}
             onClick={onClick}
         >
             <span className='emoji-wrapper'>
                 {emoji.emoji}
-                {/* {String.fromCodePoint(parseInt(emoji.unicode.replace("U+", ""), 16))} */}
             </span>
-        </span>
+        </div>
     );
 }