Merge pull request #848 from City-of-Helsinki/UHF-X_fix_district_sear…

…ch_ul UHF-X Fix district search ul>div
City-of-Helsinki · Dec 5, 2023 · bc9bee0 · bc9bee0
2 parents a7f7445 + 6c4c292
commit bc9bee0
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css
diff --git a/dist/js/district-and-project-search.min.js b/dist/js/district-and-project-search.min.js
diff --git a/src/js/react/apps/district-and-project-search/containers/ResultsContainer.tsx b/src/js/react/apps/district-and-project-search/containers/ResultsContainer.tsx
@@ -98,9 +98,13 @@ const ResultsContainer = (): JSX.Element => {
       </div>
 
       <div className='district-project-search__container'>
-        <ul className='district-project-search__listing'>
+        {/* Safari requires role='list' for lists that have no bullet points */}
+        {/* eslint-disable-next-line jsx-a11y/no-redundant-roles */}
+        <ul className='district-project-search__listing' role='list'>
           {results.map((hit: Result) => (
-            <ResultCard key={hit._id} {...hit._source} />
+            <li>
+              <ResultCard key={hit._id} {...hit._source} />
+            </li>
           ))}
         </ul>
         <Pagination

diff --git a/src/scss/06_components/paragraphs/_district-and-project-search.scss b/src/scss/06_components/paragraphs/_district-and-project-search.scss
@@ -83,6 +83,7 @@
 }
 
 .district-project-search__listing {
+  list-style-type: none;
   margin-top: 0;
   padding-left: 0;
 }