diff --git a/packages/twenty-front/src/modules/object-record/record-field/form-types/components/__stories__/FormTextFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/form-types/components/__stories__/FormTextFieldInput.stories.tsx
index 12acf9e9c..9c2f2d6e3 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/form-types/components/__stories__/FormTextFieldInput.stories.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-field/form-types/components/__stories__/FormTextFieldInput.stories.tsx
@@ -161,12 +161,15 @@ export const Disabled: Story = {
play: async ({ canvasElement, args }) => {
const canvas = within(canvasElement);
+ const editor = await waitFor(() => {
+ const editor = canvasElement.querySelector('.ProseMirror > p');
+ expect(editor).toBeVisible();
+ return editor;
+ });
+
const variablePicker = canvas.queryByText('VariablePicker');
expect(variablePicker).not.toBeInTheDocument();
- const editor = canvasElement.querySelector('.ProseMirror > p');
- expect(editor).toBeVisible();
-
const defaultValue = await canvas.findByText('Text field');
expect(defaultValue).toBeVisible();
@@ -224,8 +227,11 @@ export const HasHistory: Story = {
const canvas = within(canvasElement);
- const editor = canvasElement.querySelector('.ProseMirror > p');
- expect(editor).toBeVisible();
+ const editor = await waitFor(() => {
+ const editor = canvasElement.querySelector('.ProseMirror > p');
+ expect(editor).toBeVisible();
+ return editor;
+ });
const addVariableButton = await canvas.findByRole('button', {
name: 'Add variable',
diff --git a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx
index c7a60019f..9019968e6 100644
--- a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx
@@ -44,7 +44,6 @@ const StyledUnShrinkableContainer = styled.div`
export type ExpandableListProps = {
isChipCountDisplayed?: boolean;
- withExpandedListBorder?: boolean;
};
export type ChildrenProperty = {
@@ -55,7 +54,6 @@ export type ChildrenProperty = {
export const ExpandableList = ({
children,
isChipCountDisplayed: isChipCountDisplayedFromProps,
- withExpandedListBorder = false,
}: {
children: ReactElement[];
} & ExpandableListProps) => {
@@ -166,7 +164,6 @@ export const ExpandableList = ({
{children}
diff --git a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandedListDropdown.tsx b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandedListDropdown.tsx
index 61a5b62e1..afe78dc8a 100644
--- a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandedListDropdown.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandedListDropdown.tsx
@@ -1,33 +1,23 @@
-import { css } from '@emotion/react';
import styled from '@emotion/styled';
import { FloatingPortal, offset, shift, useFloating } from '@floating-ui/react';
import { ReactNode } from 'react';
import { StyledDropdownContentContainer } from '@/ui/layout/dropdown/components/DropdownContent';
import { DropdownMenu } from '@/ui/layout/dropdown/components/DropdownMenu';
-import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
import { OverlayContainer } from '@/ui/layout/overlay/components/OverlayContainer';
+import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
type ExpandedListDropdownProps = {
anchorElement?: HTMLElement;
children: ReactNode;
onClickOutside?: () => void;
- withBorder?: boolean;
};
-const StyledExpandedListContainer = styled.div<{
- withBorder?: boolean;
-}>`
+const StyledExpandedListContainer = styled.div`
display: flex;
flex-wrap: wrap;
gap: ${({ theme }) => theme.spacing(1)};
padding: ${({ theme }) => theme.spacing(2)};
-
- ${({ theme, withBorder }) =>
- withBorder &&
- css`
- outline: 1px solid ${theme.font.color.extraLight};
- `};
`;
// TODO: unify this and use Dropdown component instead
@@ -35,7 +25,6 @@ export const ExpandedListDropdown = ({
anchorElement,
children,
onClickOutside,
- withBorder,
}: ExpandedListDropdownProps) => {
const { refs, floatingStyles } = useFloating({
placement: 'bottom-start',
@@ -65,7 +54,7 @@ export const ExpandedListDropdown = ({
: undefined
}
>
-
+
{children}
diff --git a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/__stories__/ExpandableList.stories.tsx b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/__stories__/ExpandableList.stories.tsx
index 374cce311..eaa90b374 100644
--- a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/__stories__/ExpandableList.stories.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/__stories__/ExpandableList.stories.tsx
@@ -65,8 +65,3 @@ export const WithExpandedList: Story = {
expect(await rootCanvas.findByText('Option 7')).toBeDefined();
},
};
-
-export const WithExpandedListBorder: Story = {
- ...WithExpandedList,
- args: { ...WithExpandedList.args, withExpandedListBorder: true },
-};