Skip to content

Commit fb1c187

Browse files
committed
fix: Hidden element should not accessible for accessibility
1 parent 65d8e4d commit fb1c187

File tree

2 files changed

+13
-0
lines changed

2 files changed

+13
-0
lines changed

src/Item.tsx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -69,13 +69,19 @@ function InternalItem<ItemType>(
6969
};
7070
}
7171

72+
const overflowProps: React.HTMLAttributes<any> = {};
73+
if (mergedHidden) {
74+
overflowProps['aria-hidden'] = true;
75+
}
76+
7277
let itemNode = (
7378
<Component
7479
className={classNames(!invalidate && prefixCls, className)}
7580
style={{
7681
...overflowStyle,
7782
...style,
7883
}}
84+
{...overflowProps}
7985
{...restProps}
8086
ref={ref}
8187
>

tests/responsive.spec.tsx

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,13 @@ describe('Overflow.Responsive', () => {
4949
});
5050
expect(wrapper.findRest()).toHaveLength(1);
5151
expect(wrapper.findRest().text()).toEqual('+ 2 ...');
52+
expect(
53+
wrapper
54+
.findItems()
55+
.find('div')
56+
.last()
57+
.prop('aria-hidden'),
58+
).toBeTruthy();
5259
});
5360

5461
it('only one', () => {

0 commit comments

Comments
 (0)