fix(ButtonPrimitive): add missing flex-auto

kiwicom · Jan 5, 2024 · 70dcfcd · 70dcfcd
1 parent f392cde
commit 70dcfcd
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/packages/orbit-components/src/Button/Button.stories.tsx b/packages/orbit-components/src/Button/Button.stories.tsx
@@ -51,6 +51,23 @@ BasicButtons.story = {
   },
 };
 
+export const MultipleFullWidthButtonsInContainer = () => {
+  return (
+    <div style={{ width: 300, backgroundColor: "lightgray" }}>
+      Your privacy, your choice
+      <Stack direction="row">
+        <Button type="secondary" fullWidth>
+          Customize
+        </Button>
+        <Button type="secondary" fullWidth>
+          Reject all
+        </Button>
+        <Button fullWidth>Accept</Button>
+      </Stack>
+    </div>
+  );
+};
+
 export const ButtonWithIcons = () => {
   const children = text("Children", "Button");
   const fullWidth = boolean("fullWidth", false);

diff --git a/packages/orbit-components/src/primitives/ButtonPrimitive/index.tsx b/packages/orbit-components/src/primitives/ButtonPrimitive/index.tsx
@@ -162,8 +162,7 @@ const ButtonPrimitive = React.forwardRef<HTMLButtonElement | HTMLAnchorElement,
         className={cx(
           className,
           "orbit-button-primitive font-base duration-fast group relative max-w-full items-center justify-center border-none text-center leading-none transition-all [&>*]:align-middle [&_.orbit-loading-spinner]:stroke-[currentColor]",
-          "flex-none",
-          fullWidth && "w-full",
+          fullWidth ? "w-full flex-auto" : "flex-none",
           circled !== true && "rounded-large tb:rounded-normal",
           isDisabled
             ? "cursor-not-allowed opacity-30"