[BUG] - Input props endContent and isClearable cannot be used at the same time

[wyx2333333]

NextUI Version

2.2.9

Describe the bug

Input cannot use endContent and isClearable together

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

<Input
placeholder="Search Tick"
variant="bordered"
endContent={}
isClearable
/>

Expected behavior

1: show endContent
2: isClearable work

Screenshots or Videos

No response

Operating System Version

macOS

Browser

Chrome

[kght6123]

@wyx2333333 Are you intending to display both the Clear button and endContent when both endContent and isClearable are specified?

I looked at the source code of nextui/input. Currently, if both endContent and isClearable are specified, it seems that the specification replaces the appearance of the Clear button with endContent.
https://github.com/nextui-org/nextui/blob/22f2665b0037a36af9ae1937c5622437c7b67070/packages/components/input/src/input.tsx#L38

I'm not sure if this is the original author's intention, but it appears to be the current behavior.

[wyx2333333]

@wyx2333333 Are you intending to display both the Clear button and endContent when both endContent and isClearable are specified?

I looked at the source code of nextui/input. Currently, if both endContent and isClearable are specified, it seems that the specification replaces the appearance of the Clear button with endContent.

https://github.com/nextui-org/nextui/blob/22f2665b0037a36af9ae1937c5622437c7b67070/packages/components/input/src/input.tsx#L38

I'm not sure if this is the original author's intention, but it appears to be the current behavior.

yeah. Just like when using the search input like this
<Input isClearable endContent={} />

[kght6123]

@wyx2333333
When isClearable and endContent are required for search input, is the UI like the one below?
The microphone and QR code icons are initially displayed, and when something is entered, they are replaced with the isClearable icon.
https://designsystem.line.me/LDSM/components/search-bar-ex-en

[antonfrolovsky]

I have also encountered similar behavior. In my case, it is necessary to show both endContent and isClearable.

@kght6123 I look forward to your request being accepted 🤞