From 818aba94a090d4a852c6ccbf0e770380b32f9f41 Mon Sep 17 00:00:00 2001
From: mashirozx <moezhx@outlook.com>
Date: Tue, 26 Oct 2021 14:40:45 +0800
Subject: [PATCH] Disable ContextMenu

---
 package.json                         |  2 +-
 src/components/category.js           | 10 +++++++---
 src/components/emoji/nimble-emoji.js |  1 +
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index e4ab222..b2a4216 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "emoji-mart-lazyload",
-  "version": "3.0.1h",
+  "version": "3.0.1i",
   "description": "Customizable Slack-like emoji picker for React",
   "main": "dist/index.js",
   "module": "dist-es/index.js",
diff --git a/src/components/category.js b/src/components/category.js
index f38e1a8..a13a19e 100644
--- a/src/components/category.js
+++ b/src/components/category.js
@@ -34,11 +34,11 @@ export default class Category extends React.Component {
     this.memoizeSize()
 
     this.lazyloadImages = []
-    this.lazyload()
+    this.addLazyloadObserver()
   }
 
   componentDidUpdate() {
-    this.lazyload()
+    this.addLazyloadObserver()
   }
 
   componentWillUnmount() {
@@ -108,7 +108,7 @@ export default class Category extends React.Component {
     }
   }
 
-  lazyload() {
+  addLazyloadObserver() {
     this.removeLazyloadObserver()
     this.lazyloadImages = this.container.querySelectorAll(".lazy");
 
@@ -123,6 +123,10 @@ export default class Category extends React.Component {
     })
   }
 
+  handleOnContextMenu(e) {
+    e.preventDefault();
+  }
+
   handleScroll(scrollTop) {
     var margin = scrollTop - this.top
     margin = margin < this.minMargin ? this.minMargin : margin
diff --git a/src/components/emoji/nimble-emoji.js b/src/components/emoji/nimble-emoji.js
index 6b3d81c..120ca6b 100644
--- a/src/components/emoji/nimble-emoji.js
+++ b/src/components/emoji/nimble-emoji.js
@@ -209,6 +209,7 @@ const NimbleEmoji = (props) => {
         onClick={(e) => _handleClick(e, props)}
         onMouseEnter={(e) => _handleOver(e, props)}
         onMouseLeave={(e) => _handleLeave(e, props)}
+        onContextMenu={(e) => e.preventDefault()}
         aria-label={label}
         title={title}
         className={className}