Skip to content

Conversation

@pat270
Copy link
Member

@pat270 pat270 commented Oct 3, 2025

https://liferay.atlassian.net/browse/LPD-66883

autocomplete

autocomplete-loading

@ethib137 I don't think we need to add insetItemAfter. We can use the classes we use for Picker on the input. Let me know if this works.

Edit: I added insetItemBefore for stickers

custom-item-1
custom-item-2

@vercel
Copy link

vercel bot commented Oct 3, 2025

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

Project Deployment Preview Comments Updated (UTC)
clayui.com Ready Ready Preview Comment Oct 21, 2025 6:16pm
storybook.clayui.com Ready Ready Preview Comment Oct 21, 2025 6:16pm

@ethib137
Copy link
Member

ethib137 commented Oct 6, 2025

@pat270 does this also allow us to display the sticker inside the input at the start like the description of the ticket shows? If so, can you make sure to add an example of that?

@pat270
Copy link
Member Author

pat270 commented Oct 6, 2025

@ethib137 It doesn't. I'll update this with inset.

@pat270
Copy link
Member Author

pat270 commented Oct 16, 2025

@ethib137 I updated this pr with an example of stickers.

Copy link
Member

@ethib137 ethib137 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @pat270 we need a slightly different approach. Please see my other comment. Thanks.

direction = 'bottom',
displayType,
filterKey,
insetItemBefore,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @pat270 we don't want to add new props to the autocomplete for this. We just need to update how the input can be rendered. The autocomplete and other components like it let us pass our own component to be used as the input by using the As prop.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @ethib137, this actually sounds much better.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great! So we shouldn’t need any changes to autocomplete… likely only changes to input css and maybe some other utility classes.

@pat270
Copy link
Member Author

pat270 commented Oct 21, 2025

@ethib137 just updated the PR with Storybook and clayui.com examples. Let me know if this is correct.

spaces

Copy link
Member

@ethib137 ethib137 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @pat270 this looks good. Feel free to merge it. I just have the one question I added in the code. If it makes sense to make the change I suggested please do that and then merge this. This is a dependency for CMS stuff so we need to start on a release ASAP. Thanks.

@ethib137 ethib137 changed the title feat(@clayui/autocomplete): LPD-66883 Adds displayType prop to mimic picker input feat(@clayui/autocomplete): LPD-66883 Adds sticker insetItem before to input groups. Oct 22, 2025
@ethib137 ethib137 merged commit 1f69ae2 into liferay:master Oct 23, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants