fix(button): make icon inside Button clickable in OrderList itemTemplate (#8145)

[karan74jaiswal]

Fixes #8145

Root Cause:
When using a Button inside an OrderList itemTemplate, only the area outside the icon was clickable. This was because the icon element inside the Button was intercepting pointer events, so clicks on the icon did not bubble up to the button element.

Solution:
I set pointer-events: none on the icon element (.p-button-icon) inside the Button component. This ensures that all clicks on the icon are passed through to the button, making the entire button (including the icon) clickable.

Change Details:

• Added style: { pointerEvents: 'none' } to the icon props in the Button component.

This change makes the Button's onClick handler fire regardless of where the user clicks inside the button, including directly on the icon.

[melloware]

@karan74jaiswal can you review and test my PR please? #8147

It fixes it without adding a custom style on the component.

[karan74jaiswal]

@melloware I am also a contributer not a core team member. Both approaches do the same things. I do not have right to test your pr.

[melloware]

you can just remove your change and make the same change as mine in your local branch and test it. Its a small change

[karan74jaiswal]

@melloware I tested your approach. Its doing the right thing. I tried to reproduce the issue, and got that bug is fixed.

[melloware]

Thanks for testing!