Merge pull request #191 from BouyguesTelecom/fix/select-mangled

fix class of select modal
BouyguesTelecom · Nov 8, 2024 · 9480ebf · 9480ebf
2 parents bad01ff + 57eb042
commit 9480ebf
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/examples/react-template/screens/Select.tsx b/examples/react-template/screens/Select.tsx
@@ -1,5 +1,5 @@
-import { Button, Divider, Spacer, Title, TitleLevels } from '@trilogy-ds/react'
-import { IconName, Section, Select, SelectOption } from '@trilogy-ds/react/components'
+import { TitleLevels } from '@trilogy-ds/react'
+import { Button, Divider, IconName, Section, Select, SelectOption, Spacer, Title } from '@trilogy-ds/react/components'
 import * as React from 'react'
 
 export const SelectView = (): JSX.Element => {

diff --git a/packages/react/components/select/web/SelectDynamic.tsx b/packages/react/components/select/web/SelectDynamic.tsx
@@ -172,7 +172,15 @@ const SelectDynamic = ({
   }, [focused, focusedIndex, children, isChecked])
 
   const modal = useMemo(
-    () => <div role='presentation' className='select-trilogy_modal_open' onClick={() => setIsFocused(false)} />,
+    () => (
+      <div
+        role='presentation'
+        className={hashClass(styled, clsx('select-trilogy_modal_open'))}
+        onClick={() => {
+          setIsFocused(false)
+        }}
+      />
+    ),
     [],
   )