Skip to content

Combobox with sections throwing error 'Uncaught Error: childNodes is not supported' #9405

@francescosac95

Description

@francescosac95

Provide a general summary of the issue here

Hello everyone,

I once have already reported this bug but we thought it was due to duplicated versions of the library in my env. I was able to reproduce in a sandbox so here is the bug report.

When I click the button in the combobox and I have dynamic sections (uncontrolled), as soon as I start searching, the field stops working and It throws a console error:
'Uncaught Error: childNodes is not supported' .

🤔 Expected Behavior?

The field should should not throw an error and should allow to filter the list.

😯 Current Behavior

The field stops working and throws an error.

💁 Possible Solution

No response

🔦 Context

The issue is currently affecting us. We are building our new design system and a grouped combobox is currently needed.

🖥️ Steps to Reproduce

https://codesandbox.io/p/devbox/nifty-violet-vr6pgf

Here you can find a minimal example of the problem.

1: Click on the button
2: Type a letter (I always do it with T and I am able to reproduce always)
3: Field is unresponsive

Better reproduce the steps relatively fast.

Version

using react aria components 1.13.0 in work environment but sandbox uses 1.14.0 and the bug is there

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

OS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions