Hello,
I am using the mergeCell feature for my use case, as you recommended last month in the following topic:
In the resource cell, we have an icon with a tooltip and a click handler that is supposed to open a dialog box.
Now we are seeing the problem that either the tooltip works or the click handler works, but not both.
When the passthrough option is set to FALSE, the tooltip works, but the click handler does not.
When the passthrough option is set to TRUE, the tooltip does not work, but the click handler does.
I was able to reproduce this in the ‘Merge cells demo’:
...
features : {
// Enable merging cells
mergeCells : {
passthrough : true
}
},
listeners: {
cellMousedown: ({column, record, event}) => {
if (column.id === 'tt-resource-column-1' && event.target.closest('.b-merged-cell')) {
console.log('*** clicked merged cell!');
}
}
},
columns : [
{
...
// first column
id: 'tt-resource-column-1',
renderer: ({record, value}) => {
const tpl = document.createElement('div');
tpl.className = 'tt-test';
tpl.innerHTML = `Test <i data-btip="Custom tooltip" class="b-fa-solid b-fa-user-tag"></i>`;
return tpl;
}
...
}
...
best regards
Tobias
