fix(css): use user-provided panelLayout class (#628)

Thanks @ethanresnick for pointing this out! closes #627 co-authored-by: ethanresnick <[email protected]> Co-authored-by: ethanresnick <[email protected]>
algolia · Jul 16, 2021 · c3aeb9f · c3aeb9f
1 parent 822775c
commit c3aeb9f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/autocomplete-js/src/getDefaultOptions.ts b/packages/autocomplete-js/src/getDefaultOptions.ts
@@ -44,7 +44,7 @@ const defaultClassNames: AutocompleteClassNames = {
   list: 'aa-List',
   loadingIndicator: 'aa-LoadingIndicator',
   panel: 'aa-Panel',
-  panelLayout: 'aa-PanelLayout',
+  panelLayout: 'aa-PanelLayout aa-Panel--scrollable',
   root: 'aa-Autocomplete',
   source: 'aa-Source',
   sourceFooter: 'aa-SourceFooter',

diff --git a/packages/autocomplete-js/src/render.tsx b/packages/autocomplete-js/src/render.tsx
@@ -178,7 +178,7 @@ export function renderPanel<TItem extends BaseItem>(
 
   const children = (
     <Fragment>
-      <div className="aa-PanelLayout aa-Panel--scrollable">{sections}</div>
+      <div className={classNames.panelLayout}>{sections}</div>
       <div className="aa-GradientBottom" />
     </Fragment>
   );