[BUG] - Label position is affected by the height of the error message #5796
Description
HeroUI Version
2.8.5
Describe the bug
The combination of label's absolute positioning with top-1/2 and the nearest relative parent containing both the form element and the validation message makes it so the position of the label changes based on the number of lines in the error message.
Your Example Website or App
Steps to Reproduce the Bug or Issue
- Go to https://heroui.app/NUsmtqN
- Select anything but "Cat" in the select menu
- Observe the label shifting on top the select
Expected behavior
The label should stay above the select.
Screenshots or Videos
Operating System Version
macOS
Browser
Firefox