🐛 fix: aria-hidden naming on input
This commit is contained in:
parent
ba87c6f22a
commit
200ea3ca7b
@ -55,7 +55,7 @@ export const Input = ({
|
|||||||
const renderLeftIcon = useMemo(() => {
|
const renderLeftIcon = useMemo(() => {
|
||||||
return (
|
return (
|
||||||
<div className={iconContainerCls({ class: 'left-0 pl-4' })}>
|
<div className={iconContainerCls({ class: 'left-0 pl-4' })}>
|
||||||
{cloneIcon(leftIcon, { className: iconCls(), ariaHidden: true })}
|
{cloneIcon(leftIcon, { className: iconCls(), 'aria-hidden': true })}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}, [cloneIcon, iconCls, iconContainerCls, leftIcon]);
|
}, [cloneIcon, iconCls, iconContainerCls, leftIcon]);
|
||||||
@ -63,7 +63,7 @@ export const Input = ({
|
|||||||
const renderRightIcon = useMemo(() => {
|
const renderRightIcon = useMemo(() => {
|
||||||
return (
|
return (
|
||||||
<div className={iconContainerCls({ class: 'pr-4 right-0' })}>
|
<div className={iconContainerCls({ class: 'pr-4 right-0' })}>
|
||||||
{cloneIcon(rightIcon, { className: iconCls(), ariaHidden: true })}
|
{cloneIcon(rightIcon, { className: iconCls(), 'aria-hidden': true })}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}, [cloneIcon, iconCls, iconContainerCls, rightIcon]);
|
}, [cloneIcon, iconCls, iconContainerCls, rightIcon]);
|
||||||
@ -73,7 +73,7 @@ export const Input = ({
|
|||||||
<div className={helperTextCls()}>
|
<div className={helperTextCls()}>
|
||||||
{state &&
|
{state &&
|
||||||
cloneIcon(<WarningIcon className={helperIconCls()} />, {
|
cloneIcon(<WarningIcon className={helperIconCls()} />, {
|
||||||
ariaHidden: true,
|
'aria-hidden': true,
|
||||||
})}
|
})}
|
||||||
<p>{helperText}</p>
|
<p>{helperText}</p>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user