From b52641661e8811b5e27538f9945d264042fd6762 Mon Sep 17 00:00:00 2001
From: michalak111 <michalak111@gmail.com>
Date: Thu, 21 Mar 2019 13:24:23 +0100
Subject: [PATCH] fix: firefox event click bug (#1262)

I've faced the same problem as @Kerumen described in #1173 as it was long time ago, I've decided to push pr with fix
---
 src/EventCell.js    | 5 +++--
 src/less/event.less | 6 ------
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/EventCell.js b/src/EventCell.js
index 513be0353..28781875a 100644
--- a/src/EventCell.js
+++ b/src/EventCell.js
@@ -51,8 +51,9 @@ class EventCell extends React.Component {
 
     return (
       <EventWrapper {...this.props} type="date">
-        <button
+        <div
           {...props}
+          tabIndex={0}
           style={{ ...userProps.style, ...style }}
           className={cn('rbc-event', className, userProps.className, {
             'rbc-selected': selected,
@@ -64,7 +65,7 @@ class EventCell extends React.Component {
           onDoubleClick={e => onDoubleClick && onDoubleClick(event, e)}
         >
           {typeof children === 'function' ? children(content) : content}
-        </button>
+        </div>
       </EventWrapper>
     )
   }
diff --git a/src/less/event.less b/src/less/event.less
index 31766eba4..9162b2a8a 100644
--- a/src/less/event.less
+++ b/src/less/event.less
@@ -1,17 +1,11 @@
 @import './variables.less';
 
 .rbc-event {
-  border: none;
-  box-shadow: none;
-  margin: 0;
   padding: @event-padding;
   background-color: @event-bg;
   border-radius: @event-border-radius;
   color: @event-color;
   cursor: pointer;
-  width: 100%;
-  text-align: left;
-
   .rbc-slot-selecting & {
     cursor: inherit;
     pointer-events: none;