yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-02 10:55:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove overflow hidden to allow react-select menu to break out of accordion

Browse Source
This commit is contained in:
Josh 2022-12-08 09:14:17 +00:00
parent 223d1195e5
commit c5ec5bdb65
2 changed files with 31 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
packages/core/admin/admin/src/content-manager/components/RelationInput/RelationInput.js
View File

@ -325,35 +325,37 @@ const RelationInput = ({
)
}
>
<RelationList overflow={overflow}>
<VisuallyHidden id={ariaDescriptionId}>{listAriaDescription}</VisuallyHidden>
<VisuallyHidden aria-live="assertive">{liveText}</VisuallyHidden>
<List
height={dynamicListHeight}
ref={listRef}
outerRef={outerListRef}
itemCount={totalNumberOfRelations}
itemSize={RELATION_ITEM_HEIGHT + RELATION_GUTTER}
itemData={{
ariaDescribedBy: ariaDescriptionId,
canDrag: canReorder,
disabled,
handleCancel: onCancel,
handleDropItem: onDropItem,
handleGrabItem: onGrabItem,
iconButtonAriaLabel,
labelDisconnectRelation,
onRelationDisconnect,
publicationStateTranslations,
relations,
updatePositionOfRelation: handleUpdatePositionOfRelation,
}}
itemKey={(index, { relations: relationsItems }) => relationsItems[index].id}
innerElementType="ol"
>
{ListItem}
</List>
</RelationList>
{relations.length > 0 ? (
<RelationList overflow={overflow}>
<VisuallyHidden id={ariaDescriptionId}>{listAriaDescription}</VisuallyHidden>
<VisuallyHidden aria-live="assertive">{liveText}</VisuallyHidden>
<List
height={dynamicListHeight}
ref={listRef}
outerRef={outerListRef}
itemCount={totalNumberOfRelations}
itemSize={RELATION_ITEM_HEIGHT + RELATION_GUTTER}
itemData={{
ariaDescribedBy: ariaDescriptionId,
canDrag: canReorder,
disabled,
handleCancel: onCancel,
handleDropItem: onDropItem,
handleGrabItem: onGrabItem,
iconButtonAriaLabel,
labelDisconnectRelation,
onRelationDisconnect,
publicationStateTranslations,
relations,
updatePositionOfRelation: handleUpdatePositionOfRelation,
}}
itemKey={(index, { relations: relationsItems }) => relationsItems[index].id}
innerElementType="ol"
>
{ListItem}
</List>
</RelationList>
) : null}
{(description || error) && (
<Box paddingTop={2}>
<FieldHint />

1
packages/core/admin/admin/src/content-manager/components/RepeatableComponent/components/Accordion.js
View File

@ -14,7 +14,6 @@ export const Footer = styled(Box)`
export const Content = styled(Box)`
border-bottom: none;
overflow: hidden;
/* add the borders and make sure the top is transparent to avoid jumping with the hover effect */
& > div > div {