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
jquense · Mar 21, 2019 · b526416 · b526416
1 parent 2c8c08d
commit b526416
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git 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
@@ -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;