Describe the bug

When b-table is in select-mode="range", and a row is already selected, and some text in the header is selected; any tbody row click events fail to update the selected rows, making the table appear frozen.

Steps to reproduce the bug

1. Go to https://bootstrap-vue.org/docs/components/table or https://codepen.io/connorf25/pen/WNpMNgK and navigate to the 'Row select support' section
2. In the interactive table dropdown, set the selection mode to range
3. Click on any row in the table's body to select the row
4. Highlight some text in the table header (thead)
5. Try to select another row in the table body, the click event will fail to propagate due to the textSelectionActive function returning true with the text in the header selected

Expected behavior

When table header text is selected, it should still be possible to select other rows in the table or clear the header text selection with a click, instead all events fail to propagate making the table appear frozen.

Versions

Libraries:

• BootstrapVue: 2.21.2
• Bootstrap: 4.5.3
• Vue: 2.6.12

Environment:

• Device: Dell XPS Laptop
• OS: Ubuntu 20.04
• Browser: Chrome
• Version: 90.0.4430.93

Demo link

CodePen Link

1. Select table header text
2. Try to select another row