Cannot add a tag because another tag with the same prefix is autoselected

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.2.X EE, 7.0.X, 7.1.X, Master
• Fix Version/s: 6.2.X EE, 7.0.0 DXP FP70, 7.0.X, 7.1.10 DXP FP6, 7.1.10.2 SP2, 7.1.3 CE GA4, 7.1.X, Master
• Component/s: Categories, Frontend Infrastructure
• Labels:
  • ee-ts
  • liferay-dxp-70-sp10
  • liferay-dxp-71-sp2
  • liferay-fixpack-de-70-7010
  • liferay-fixpack-dxp-6-7110
• Branch Version/s:
  7.1.x, 7.0.x, 6.2.x
• Backported to Branch:
  Committed
• Story Points: 0.25
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/65845

Reproduction steps:

1. Start the server.

2. From Admin --> Content --> Blogs, add a blog and add a tag "Chrome-test" to it in "Categorization" then publish it.

3. Add another Blog then add a tag "Chrome" by clicking on Enter.

Actual Result: When click on Enter the previous tag is added.

Expected Result: Adding new tag that has portion of the previous one should be possible by clicking Enter.

The cause of the error is that in the autocomplete drop-down list the tag "Chrome-test" is autoselected. Pressing Enter will attempt to insert this autoselected tag.