Skip to content

Button: When using a Button inside of a OrderList itemTemplate component, only outside of icon is clickable #8145

@mpearce9

Description

@mpearce9

Describe the bug

I'm upgrading PrimeReact from 10.6.6 to 10.9.6, I have an OrderList where I am providing a itemTemplate component. I have 2 icon buttons in my itemTemplate component and for some reason, after updating PrimeReact, the actual Icon portion of the buttons is no longer clickable, the area around the icon is clickable, but attempting to click the actual icon does not fire.

Reproducer

https://stackblitz.com/edit/vitejs-vite-5ife661w?file=src%2FApp.tsx

System Information

primereact: 10.6.6 => 10.9.6

Steps to reproduce the behavior

  1. Click the button at the icon
  2. Check the console for the log (does not fire)
  3. Click the button outside the icon but still in the clickable area
  4. Check the console for the log (does fire)

Expected behavior

It should fire for both clicks

Metadata

Metadata

Assignees

Labels

Type: BugIssue contains a defect related to a specific component.

Type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions