yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-08-13 03:07:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #15123 from strapi/fix/overflows-in-repeatable-components

Browse Source
This commit is contained in:
Josh 2022-12-08 10:35:24 +00:00 committed by GitHub
commit 5de5a3bb4f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 31 additions and 31 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}> {relations.length > 0 && (
<VisuallyHidden id={ariaDescriptionId}>{listAriaDescription}</VisuallyHidden> <RelationList overflow={overflow}>
<VisuallyHidden aria-live="assertive">{liveText}</VisuallyHidden> <VisuallyHidden id={ariaDescriptionId}>{listAriaDescription}</VisuallyHidden>
<List <VisuallyHidden aria-live="assertive">{liveText}</VisuallyHidden>
height={dynamicListHeight} <List
ref={listRef} height={dynamicListHeight}
outerRef={outerListRef} ref={listRef}
itemCount={totalNumberOfRelations} outerRef={outerListRef}
itemSize={RELATION_ITEM_HEIGHT + RELATION_GUTTER} itemCount={totalNumberOfRelations}
itemData={{ itemSize={RELATION_ITEM_HEIGHT + RELATION_GUTTER}
ariaDescribedBy: ariaDescriptionId, itemData={{
canDrag: canReorder, ariaDescribedBy: ariaDescriptionId,
disabled, canDrag: canReorder,
handleCancel: onCancel, disabled,
handleDropItem: onDropItem, handleCancel: onCancel,
handleGrabItem: onGrabItem, handleDropItem: onDropItem,
iconButtonAriaLabel, handleGrabItem: onGrabItem,
labelDisconnectRelation, iconButtonAriaLabel,
onRelationDisconnect, labelDisconnectRelation,
publicationStateTranslations, onRelationDisconnect,
relations, publicationStateTranslations,
updatePositionOfRelation: handleUpdatePositionOfRelation, relations,
}} updatePositionOfRelation: handleUpdatePositionOfRelation,
itemKey={(index, { relations: relationsItems }) => relationsItems[index].id} }}
innerElementType="ol" itemKey={(index, { relations: relationsItems }) => relationsItems[index].id}
> innerElementType="ol"
{ListItem} >
</List> {ListItem}
</RelationList> </List>
</RelationList>
)}
{(description || error) && ( {(description || error) && (
<Box paddingTop={2}> <Box paddingTop={2}>
<FieldHint /> <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)` export const Content = styled(Box)`
border-bottom: none; border-bottom: none;
overflow: hidden;
/* add the borders and make sure the top is transparent to avoid jumping with the hover effect */ /* add the borders and make sure the top is transparent to avoid jumping with the hover effect */
& > div > div { & > div > div {

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

@ -15,7 +15,6 @@ exports[`RepeatableComponent | Accordion Content should render and match the sna
.c0 { .c0 {
border-bottom: none; border-bottom: none;
overflow: hidden;
} }
.c0 > div > div { .c0 > div > div {