Update mixin-tbody-row.js

tmorehouse · web-flow · commit a9a3a8b4e8f2 · 2019-11-14T12:41:38.000-04:00
diff --git a/src/components/table/helpers/mixin-tbody-row.js b/src/components/table/helpers/mixin-tbody-row.js
@@ -6,6 +6,7 @@ import { BTd } from '../td'
 import { BTh } from '../th'
 
 const detailsSlotName = 'row-details'
+const noop = () => {}
 
 export default {
   props: {
@@ -180,6 +181,8 @@ export default {
       const hasDetailsSlot = this.hasNormalizedSlot(detailsSlotName)
       const rowShowDetails = Boolean(item._showDetails && hasDetailsSlot)
       const hasRowClickHandler = this.$listeners['row-clicked'] || this.hasSelectableRowClick
+      const hasRowHoveredHandler = this.$listeners['row-hovered']
+      const hasRowUnhoveredHandler = this.$listeners['row-unhovered']
 
       // We can return more than one TR if rowDetails enabled
       const $rows = []
@@ -241,8 +244,9 @@ export default {
             },
             on: {
               // Note: These events are not A11Y friendly!
-              mouseenter: this.rowHovered,
-              mouseleave: this.rowUnhovered
+              // Event handlers only called if there are listeners registered
+              mouseenter: hasRowHoveredHandler ? this.rowHovered : noop,
+              mouseleave: hasRowUnhoveredHandler ? this.rowUnhovered : noop
             }
           },
           $tds
