From bcb63bd08075501926c3ab52cb0f2b19112da47e Mon Sep 17 00:00:00 2001 From: ANTONA09 Date: Fri, 11 Oct 2024 19:48:53 +0530 Subject: [PATCH] fix: #7330, AutoComplete: Selected item is not getting highlighted when visited again unlike Dropdown component --- components/lib/autocomplete/AutoCompleteBase.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/lib/autocomplete/AutoCompleteBase.js b/components/lib/autocomplete/AutoCompleteBase.js index fcb5fdc5e0..75169abd4e 100644 --- a/components/lib/autocomplete/AutoCompleteBase.js +++ b/components/lib/autocomplete/AutoCompleteBase.js @@ -35,7 +35,7 @@ const classes = { list: ({ virtualScrollerOptions, options }) => (virtualScrollerOptions ? classNames('p-autocomplete-items', options.className) : 'p-autocomplete-items'), emptyMessage: 'p-autocomplete-item', item: ({ suggestion, optionGroupLabel, selected }) => - optionGroupLabel ? classNames('p-autocomplete-item', { 'p-disabled': suggestion.disabled }, { selected: selected }) : classNames('p-autocomplete-item', { 'p-disabled': suggestion.disabled }, { selected: selected }), + optionGroupLabel ? classNames('p-autocomplete-item', { 'p-disabled': suggestion.disabled }, { selected: selected }) : classNames('p-autocomplete-item', { 'p-disabled': suggestion.disabled }, { 'p-highlight': selected }), itemGroup: 'p-autocomplete-item-group', footer: 'p-autocomplete-footer', transition: 'p-connected-overlay' @@ -86,7 +86,7 @@ const styles = ` list-style-type: none; } - .selected { + .p-highlight { background-color: rgba(6, 182, 212, 0.24) !important; }