diff --git a/feature-libs/storefinder/components/store-finder-list-item/store-finder-list-item.component.ts b/feature-libs/storefinder/components/store-finder-list-item/store-finder-list-item.component.ts index 119caacbeb9..eb8093acff6 100644 --- a/feature-libs/storefinder/components/store-finder-list-item/store-finder-list-item.component.ts +++ b/feature-libs/storefinder/components/store-finder-list-item/store-finder-list-item.component.ts @@ -6,6 +6,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'; import { StoreFinderService } from '@spartacus/storefinder/core'; +import { useFeatureStyles } from '@spartacus/core'; import { StoreFinderOutlets } from '@spartacus/storefinder/root'; import { AbstractStoreItemComponent } from '../abstract-store-item/abstract-store-item.component'; @@ -29,6 +30,7 @@ export class StoreFinderListItemComponent extends AbstractStoreItemComponent { constructor(protected storeFinderService: StoreFinderService) { super(storeFinderService); + useFeatureStyles('a11yTruncatedTextStoreFinder'); } handleStoreItemClick() { diff --git a/feature-libs/storefinder/styles/components/_store-finder-list-item.scss b/feature-libs/storefinder/styles/components/_store-finder-list-item.scss index 372f12ebae9..9831b4bbaf3 100644 --- a/feature-libs/storefinder/styles/components/_store-finder-list-item.scss +++ b/feature-libs/storefinder/styles/components/_store-finder-list-item.scss @@ -30,6 +30,9 @@ } .cx-store-address-street { white-space: nowrap; + @include forFeature('a11yTruncatedTextStoreFinder') { + white-space: unset; + } overflow: hidden; text-overflow: ellipsis; diff --git a/projects/core/src/features-config/feature-toggles/config/feature-toggles.ts b/projects/core/src/features-config/feature-toggles/config/feature-toggles.ts index 24e82faa331..9881d271bc3 100644 --- a/projects/core/src/features-config/feature-toggles/config/feature-toggles.ts +++ b/projects/core/src/features-config/feature-toggles/config/feature-toggles.ts @@ -400,6 +400,11 @@ export interface FeatureTogglesInterface { */ a11yTruncatedTextForResponsiveView?: boolean; + /** + * `StoreFinderListItemComponent` street name is not truncated + */ + a11yTruncatedTextStoreFinder?: boolean; + /** * When enabled focus outline on the close button inside `ProductImageZoomDialogComponent` * will be fully visible @@ -894,6 +899,7 @@ export const defaultFeatureToggles: Required = { a11yOrganizationLinkableCells: false, a11yVisibleFocusOverflows: true, a11yTruncatedTextForResponsiveView: true, + a11yTruncatedTextStoreFinder: false, a11ySemanticPaginationLabel: false, a11yPreventCartItemsFormRedundantRecreation: false, a11yPreventSRFocusOnHiddenElements: false, diff --git a/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts b/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts index 7bd04a12772..bf600ccebb4 100644 --- a/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts +++ b/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts @@ -349,6 +349,7 @@ if (environment.cpq) { a11yPreventSRFocusOnHiddenElements: true, a11yVisibleFocusOverflows: true, a11yTruncatedTextForResponsiveView: true, + a11yTruncatedTextStoreFinder: true, a11ySemanticPaginationLabel: true, a11yPreventCartItemsFormRedundantRecreation: true, a11yMyAccountLinkOutline: true,