fix: remove <br> from Store Locator for a11y

PiperOrigin-RevId: 688752839
googlemaps · Oct 23, 2024 · 421ed05 · 421ed05
1 parent 6e7c93a
commit 421ed05
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/store_locator/store_locator.ts b/src/store_locator/store_locator.ts
@@ -420,7 +420,7 @@ export class StoreLocator extends BaseComponent {
               </div>
             </button>
             <div class="address">
-              ${join(listing.addressLines ?? [], html`<br>`)}
+              ${(listing.addressLines ?? []).map((line) => html`<p>${line}</p>`)}
             </div>
             <div class="actions">
               ${join(actionButtons, html``)}

diff --git a/src/store_locator/store_locator_styles.ts b/src/store_locator/store_locator_styles.ts
@@ -111,6 +111,10 @@ export const storeLocatorStyles = css`
     margin-bottom: 0.5em;
   }
 
+  #location-results-list .address p {
+    margin: 0;
+  }
+
   #location-results-list gmpx-place-directions-button {
     position: absolute;
     right: 1.2em;