TreeTable: Row selected on click at node toggle icon

[KriXPello]

Describe the bug

TreeTable toggles selection when clicked exactly on expand icon (when clicked directly on button works fine). Here is example:

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-fz8jucim

PrimeVue version

4.2.4

Vue version

4.x

Language

ALL

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Open my stackblitz link
2. Click on any expandable TreeTable row to select it like so:
   
3. Click on expand icon in different places until it remove selection. In my case i was able to toggle selection by click there:
   

Expected behavior

When you click on a button or icon in that button, the row should expand without selection.

I was able to find that problem is in packages\primevue\src\treetable\TreeTableRow.vue in onClick method:

onClick(event) {
    // problem here
    if (isClickable(event.target) || getAttribute(event.target, 'data-pc-section') === 'nodetogglebutton' || getAttribute(event.target, 'data-pc-section') === 'rowtoggleicon' || event.target.tagName === 'path') {
        return;
    }

    this.setTabIndexForSelectionMode(event, this.nodeTouched);

    this.$emit('node-click', {
        originalEvent: event,
        nodeTouched: this.nodeTouched,
        node: this.node
    });
    this.nodeTouched = false;
}

Need to add || getAttribute(event.target, 'data-pc-section') === 'nodetoggleicon' check, because icon has attribute data-pc-section="nodetoggleicon", not the rowtoggleicon

[KriXPello]

for thoose who don't want to wait, there is temporary solution:
in entry file of your Vue application (with const app = createApp(App);) write:

const originalGetAttribute = Element.prototype.getAttribute;
Element.prototype.getAttribute = function (name) {
  const realValue = originalGetAttribute.call(this, name);
  if (name === 'data-pc-section' && realValue == 'nodetoggleicon') {
    return 'rowtoggleicon';
  }
  return realValue;
};