fix: aria-describedbyがinputに紐づいている場合もFormControlのaria-describedbyを設定する

[misako0927]

関連URL

概要

conformなどのフォームライブラリを使用している際、FormControlのaria-describedbyが紐づかず、エラー表示時にエラー内容がinput要素で読み取れなくなっていた。

変更内容

input要素にすでにaria-describedbyが設定されている場合も、追加でaria-describedbyを設定するようにした。

確認方法

Storybook等で、FormControl内にあるinput要素にaria-describedbyを手動で設定していた場合も、FormControlのerrorMessagesに指定したエラー内容が読み取れることを確認してください。
例：

<FormControl title="some title" errorMessage={['some error']}>
  <Input aria-describedby="some-id" />
</FormControl>

[pkg-pr-new]

Open in Stackblitz

npm i https://pkg.pr.new/kufu/smarthr-ui@5344

commit: 9925939

[AtsushiM]

LGTM!