[@mantine/core] ColorInput: Fix popoverProps={{ opned: true }} not …

…working (#6968)
mantinedev · Oct 16, 2024 · d0dd9fb · d0dd9fb
1 parent 7567fec
commit d0dd9fb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/@mantine/core/src/components/ColorInput/ColorInput.story.tsx b/packages/@mantine/core/src/components/ColorInput/ColorInput.story.tsx
@@ -5,7 +5,11 @@ export default { title: 'ColorInput' };
 export function Usage() {
   return (
     <div style={{ padding: 40 }}>
-      <ColorInput wrapperProps={{ 'data-test': 'hello' }} size="xl" />
+      <ColorInput
+        wrapperProps={{ 'data-test': 'hello' }}
+        size="xl"
+        popoverProps={{ opened: true }}
+      />
     </div>
   );
 }

diff --git a/packages/@mantine/core/src/components/ColorInput/ColorInput.tsx b/packages/@mantine/core/src/components/ColorInput/ColorInput.tsx
@@ -229,8 +229,8 @@ export const ColorInput = factory<ColorInputFactory>((_props, ref) => {
         __staticSelector="ColorInput"
         position="bottom-start"
         offset={5}
-        {...popoverProps}
         opened={dropdownOpened}
+        {...popoverProps}
         classNames={resolvedClassNames}
         styles={resolvedStyles}
         unstyled={unstyled}