Merge pull request #3429 from mbice/bugfix/issue-3421-taxonomy-filters

Fix taxonomy filters selected tag color and radio button checked state
microsoft-search · Jan 11, 2024 · aea42ee · aea42ee
2 parents b474c81 + 1e39fe9
commit aea42ee
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/search-parts/src/components/filters/FilterCheckBoxComponent.tsx b/search-parts/src/components/filters/FilterCheckBoxComponent.tsx
@@ -101,6 +101,7 @@ export class FilterCheckBoxComponent extends React.Component<IFilterCheckBoxProp
             />;
         } else {
             renderInput = <ChoiceGroup
+                defaultSelectedKey={this.props.selected ? filterValue.value : undefined}
                 styles={{
                     root: {
                         position: 'relative',
@@ -122,7 +123,6 @@ export class FilterCheckBoxComponent extends React.Component<IFilterCheckBoxProp
                         key: filterValue.value,
                         text: filterValue.name,
                         disabled: this.props.disabled,
-                        defaultChecked: this.props.selected,
                         styles: {
                             field: {
                                 color: this.props.count && this.props.count === 0 ? this.props.themeVariant.semanticColors.disabledText : textColor

diff --git a/search-parts/src/components/filters/FilterSearchBoxComponent.module.scss b/search-parts/src/components/filters/FilterSearchBoxComponent.module.scss
@@ -10,13 +10,14 @@
     flex-wrap: nowrap;
     user-select: none;
     background-color: "[theme: themePrimary, default: #0078d7]";
-    color: #fff;
+    color: "[theme: white, default: #ffffff]";
     padding-left: 5px;
     border-radius: 12px;
     margin-bottom: 6px;
     max-width: 100%;
 
     .tagItemText {
+        color: "[theme: white, default: #ffffff]";
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;