feat(table): Add row-unhovered event #1874
Conversation
Some users might want to know not only when the mouse is hovering a row, but also when the mouse leaves the row. For example for dynamically showing (and hiding) some row content based on mouse hovering.
Codecov Report
@@ Coverage Diff @@
## dev #1874 +/- ##
==========================================
- Coverage 64.77% 64.68% -0.09%
==========================================
Files 154 154
Lines 2907 2911 +4
Branches 800 801 +1
==========================================
Hits 1883 1883
- Misses 736 739 +3
- Partials 288 289 +1
Continue to review full report at Codecov.
|
|
There's a |
|
b-table is already over-customizable. |
|
@mosinve Thanks for the hint. That indeed works for showing/hiding stuff in the same row (column with action buttons in my case). But this won't solve the general case. This PR is to make the API more coherent as it is asymmetric now. There is an event for handling mouseenter (row-hovered), but there is no way to handle mouseleave (row-unhovered). |
|
@gaaf could you add in a test for the unhovered event? |
tmorehouse
added
Type: Enhancement
Status: Review Needed
Status: Changes Needed
|
For testing, I am not sure how to test (i.e. simulate) a mouse over/out event JSDOM. So I guess we skip that (as we currently do not test for the current |
* dev: (31 commits) feat(card): support left and right image placement (bootstrap-vue#1981) fix(collapse/toggle): "collapsed" class cleared when component updated (bootstrap-vue#2102) fix(form-file): Add validation of single file (bootstrap-vue#2028) chore(docs): minor update to the b-form-input docs chore(docs): Minor update to b-form-input docs feat(table): Add row-unhovered event (bootstrap-vue#1874) feat(table): Support contextmenu event binding for table rows (bootstrap-vue#2064) docs(table): fix minor typo (bootstrap-vue#2093) feat(table): Support sorting on nested object properties (bootstrap-vue#1868) perf(modal): optimize model.resetScrollbar, resolves bootstrap-vue#1831 (bootstrap-vue#1837) docs: Update images reference section (bootstrap-vue#1999) fix(observe-dom): fix comment typo (bootstrap-vue#2084) chore(modal): trivial word fix in comment (bootstrap-vue#2089) (docs): Fix grammer in Intro readme (bootstrap-vue#2092) fix(modal): prevent scrolling on .modal-content focus, fixes bootstrap-vue#1748 (bootstrap-vue#2060) feat(pagination): added slots for first, prev, next, last, and ellipsis. Fixes bootstrap-vue#1870. (bootstrap-vue#1980) Handle state change on validated fields. (bootstrap-vue#1984) fix(docs): input group prepend slot typo (bootstrap-vue#2059) fix(dependencies): replace opencollective with opencollective-postintall (bootstrap-vue#2067) fix(docs): change b-input-group attribute 'left' to 'prepend' (bootstrap-vue#2017) ...
Some users might want to know not only when the mouse is hovering a row,
but also when the mouse leaves the row.
For example for dynamically showing (and hiding) some row content based
on mouse hovering.