NumberInput after Combobox have same ids

[daalfox]

Description

I put a NumberInput input after a Combobox. The NumberInput and Combobox.Input both are assigned the same id. It doesn't happen when I put the NumberInput before the Combobox. I have no idea why this is happening!

Link to Reproduction (or Detailed Explanation)

I don't know how to reproduce this bug it's very weired

Steps to Reproduce

I guess:

1. make a combobox
2. put a number input after it in the same div

Ark UI Version

3.6.2

Framework

• React
• Solid
• Vue

Browser

firefox 128.0.3

Additional Information

No response

[segunadebayo]

Sounds weird. Could you share a reproduction @daalfox via Stackblitz

Perhaps it's a issue with Solid.js createUniqueId?

[daalfox]

Sounds weird. Could you share a reproduction @daalfox via Stackblitz

Perhaps it's a issue with Solid.js createUniqueId?

Maybe. I try to get a reproduction working. See how it goes

[daalfox]

@segunadebayo I made some more investigations and it seems like having 2 inputs in a Field.Input's asChild attribute causes them to have similar ids.
I decided to do it this way because in a project of mine there was a field for adding items to order and this items should specify 2 fields variation and count. It felt more natural this way because every item is essentially a field in form.
reproduction:
https://github.com/daalfox/ark-solid-reproduction/tree/main

I'm not sure if it's an issue with solid's createUniqueId or ark though.

[segunadebayo]

I see what you mean. It’s definitely not recommended to use multiple inputs within Field.Input. I recommend splitting them into separate fields or don’t use Field.Input at all.

The number input and combobox both read from the field context and end up having the same id. That’s why this is happening.

[daalfox]

Yeah I ended up using the later approach. Thanks for your help.
Btw your libraries are all awesome (panda, zagjs and ark). Keep up the good work!