fix: trigger remove chip event when the chip is visible

[KumJungMin]

Defect Fixes

• fix Multiselect: Сhip options can be closed outside of overflow #7125

how to resolve

Why the issue occured?

• Even when overflow: hidden and text-overflow: ellipsis are applied, overflowed elements are still rendered.
• As a result, a click event on the delete button of a hidden element can still trigger the delete action.

The image below shows that the hidden elements are still rendered.

solution

• To resolve this issue, I added isVisible function to check chip is visible.
• The isVisible function checks whether a chip element is hidden within its parent container due to overflow: hidden and text-overflow: ellipsis.
• This prevents the delete event from being triggered if the chip element is hidden.
• The function checks for overflow and calculates if the element's boundaries are within the visible area of the parent. :)
  (plus: If labelRef's position is relative, the calculation will be simpler.)

result

2024-09-17.12.49.21.mp4

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
primereact	⬜️ Ignored (Inspect)	Visit Preview		Sep 16, 2024 3:56pm
primereact-v9	⬜️ Ignored (Inspect)	Visit Preview		Sep 16, 2024 3:56pm