[BUG] - Blocked aria-hidden on a <button> element because the element that just received focus must not be hidden from assistive technology users

[J4v4Scr1pt]

NextUI Version

2.4.6

Describe the bug

Anyone else get this error when opening and closing the select?

I Cleaned a whole page in our application and just passed this code from the docs to only have the select. The error pressits.

    <Select label="Select an animal" className="max-w-xs">
            {[
                { key: 'cat', label: 'Cat' },
                { key: 'dog', label: 'Dog' },
                { key: 'elephant', label: 'Elephant' },
                { key: 'lion', label: 'Lion' },
                { key: 'tiger', label: 'Tiger' },
                { key: 'giraffe', label: 'Giraffe' },
                { key: 'dolphin', label: 'Dolphin' },
                { key: 'penguin', label: 'Penguin' },
                { key: 'zebra', label: 'Zebra' },
                { key: 'shark', label: 'Shark' },
                { key: 'whale', label: 'Whale' },
                { key: 'otter', label: 'Otter' },
                { key: 'crocodile', label: 'Crocodile' },
            ].map((animal) => (
                <SelectItem key={animal.key}>{animal.label}</SelectItem>
            ))}
        </Select>

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Use the Select component and open/close it a couple of times.

Expected behavior

Not to throw the error.

Screenshots or Videos

No response

Operating System Version

Window 10

Browser

Chrome

[linear[bot]]

ENG-1373 [BUG] - Blocked aria-hidden on a <button> element because the element that just received focus must not be hidden from assistive technology users

[wingkwong]

I couldn't reproduce the issue.

1. please try on v2.4.8.
2. if it's still reproducible on your side, please share a minimal reproducible environment.

[J4v4Scr1pt]

I couldn't reproduce the issue.

1. please try on v2.4.8.
2. if it's still reproducible on your side, please share a minimal reproducible environment.

Hey!

Thx 4 quick reply! I just realized I wrote wrong version, we do have 2.4.8 sry!

But I was creating an StackBlitz to reproduce the error and could not.. either. I just tested our application in the Prod enviorment and the error do not appear there.

Locally it happens once and I need to refresh the page to get it again otherwise it wont show. And it's not only the select, I also get for the DatePicker..

A strange bug for sure, I don't know how to procede with this?