[BUG] - Wrong behaviour on Textarea with labelPlaceholder

[SalahAdDin]

Describe the bug

When using Textarea with labelPlaceholder, we are not getting the label inside of the input and also we are getting warnings on console:

If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility 
R3<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:16367:609
Controller@http://localhost:3000/node_modules/.vite/deps/chunk-4RCEVKD6.js?v=6dc626e5:237:29
Input@http://localhost:3000/src/presentation/widgets/forms/inputs/Input.tsx?t=1650116222538:19:15
div
Styled.div
n11<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15333:170
i13<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15346:47
div
Styled.div
n11<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15333:170
c8<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15357:84
div
Styled.div
n11<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15333:170
i13<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15346:47
div
Styled.div
n11<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15333:170
c8<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15357:84
main
Styled.div
e49@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:16124:70
form
section
Styled.section
css_transition_default<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15416:126
$3@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:16046:162
div
Styled.div
div
Styled.div
css_transition_default<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15416:126
k5<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15897:175
b8@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:16082:189
PutReminderForm@http://localhost:3000/src/presentation/widgets/forms/PutReminderForm.tsx?import&t=1650153281718:60:25
article
Styled.div
C2<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:14744:269
ReminderTile@http://localhost:3000/src/presentation/widgets/ReminderTile.tsx?import&t=1650152348719:24:22
main
Styled.div
article
Styled.div
C2<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:14744:269
DayTile@http://localhost:3000/src/presentation/widgets/DayTile.tsx?t=1650152348719:26:17
div
Styled.div
n11<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15333:170
i13<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15346:47
main
Styled.div
n11<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15333:170
c8<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15357:84
Calendar@http://localhost:3000/src/presentation/widgets/Calendar.tsx?t=1650152348719:25:35
div
Styled.div
n9@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:15266:225
App@http://localhost:3000/src/presentation/screens/App.tsx?import&t=1650152348719:24:39
$9d939cbc98267846$export$9f8ac96af4b1b2ae@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:2449:43
theme_provider_default<@http://localhost:3000/node_modules/.vite/deps/@nextui-org_react.js?v=cfec46c0:6081:52

Your Example Website or App

Here an example of the project: https://codesandbox.io/s/thirsty-gwen-tlfiix

Steps to Reproduce the Bug or Issue

1. Do click on the + button to add a reminder on the calendar.
2. Go to the Description field.
3. Focus on it or write.
4. Check the console logs.

Expected behavior

It should be rendered as the examples.

Screenshots or Videos

Operating System Version

5.15.28-1 Manjaro Linux x86_64

Browser

Firefox

[stale[bot]]

Hello 👋, to help manage issues we automatically close stale issues. This issue has been automatically marked as stale because it has not had activity for quite some time. Has this issue been fixed, or does it still require the community's attention? > This issue will be closed in 10 days if no further activity occurs. Thank you for your contributions.

[SalahAdDin]

@jrgarciadev pinned but stale hehehehe

[danielsimao]

@SalahAdDin, its looks like your codesandbox is having an issue. Could you give it a look?

[SalahAdDin]

@SalahAdDin, its looks like your codesandbox is having an issue. Could you give it a look?

Yeah, but I don't get where is the problem, I will check it later when I have time. Thank you.

[jrgarciadev]

Hey please upgrade to V2 since V1 will no receive more updates.

[SalahAdDin]

@jrgarciadev did you solve this issue?

[jrgarciadev]

Hey @SalahAdDin, upgrade to v2, https://nextui.org/docs/components/textarea, text area is now based on react-aria hooks https://react-spectrum.adobe.com/react-aria/useTextField.html#usetextfield