Fixing FormInputwithAddon with no click

[DerekAgility]

Part of https://agilitycms.atlassian.net/browse/PROD-1038

The problem

Somewhere along the way, the plenum component FormInputWithAddon with the onClick prop failed to propagate the click event back up to its parent.

The fix

TablerIcon.tsx — Added ...rest to the destructure and spread it onto <i {...rest}>, so onClick, onMouseDown, and any other HTML attributes now reach the DOM element.

FormInputWithAddons.tsx — The trail icon section now branches on trailIcon?.onClick:

With onClick: renders a that calls e.preventDefault() then the handler, so the click fires correctly without form-submission side effects or focus-stealing.
Without onClick: falls through to the original path, preserving the existing click-to-focus behaviour.

To test

1. Go to the preview link
2. Find the story for FormInputWithAddon - Trail Icon with onclick
3. Go to the actions tab
4. Click on the xicon, you should see actions being fired

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
plenum-ui	Ready	Preview, Comment	May 8, 2026 11:11pm