fix(b-table): selected table header text no longer prevents table row selection (bootstrap-vue#6645)

connorf25 · xanf · web-flow · commit 010ab3180eae · 2021-12-18T17:03:05.000+02:00
Co-authored-by: Illya Klymov &lt;xanf@xanf.me&gt;
diff --git a/src/components/table/helpers/mixin-tbody.js b/src/components/table/helpers/mixin-tbody.js
@@ -124,9 +124,15 @@ export const tbodyMixin = Vue.extend({
       }
     },
     onTBodyRowClicked(event) {
+      const { $refs } = this
+      const tbody = $refs.tbody ? $refs.tbody.$el || $refs.tbody : null
       // Don't emit event when the table is busy, the user clicked
       // on a non-disabled control or is selecting text
-      if (this.tbodyRowEventStopped(event) || filterEvent(event) || textSelectionActive(this.$el)) {
+      if (
+        this.tbodyRowEventStopped(event) ||
+        filterEvent(event) ||
+        textSelectionActive(tbody || this.$el)
+      ) {
         return
       }
       this.emitTbodyRowEvent(EVENT_NAME_ROW_CLICKED, event)
