spark icon indicating copy to clipboard operation
spark copied to clipboard

[Combobox]

Open oudoulj opened this issue 6 months ago • 1 comments

Description

On https://www.qa3.bon-coin.net/ad/ventes_immobilieres/5000027924 , keyboard navigation would stop on an invisible <span data-radix-focus-guard="" tabindex="0" style="outline: none; opacity: 0; position: fixed; pointer-events: none;"></span> when we would expect to start with the first skiplink ("allez au contenu")

This span (and a second one at the end of the body) are injected when a combobox is present on the page. In this case, it is the arrival address in the commute zone at the bottom of the page.

Steps to reproduce

  1. Go to https://www.qa3.bon-coin.net/ad/ventes_immobilieres/5000027924
  2. Tab until you enter the page
  3. First tab should be "insivible"
  4. Open up the Console and type document.activeElement to reveal the span

Spark Component and Version

@spark-ui/[email protected]

Browser

Google Chrome 136

Operating System

  • [x] macOS
  • [ ] Windows
  • [x] Linux

Additional Information

No response

oudoulj avatar May 28 '25 14:05 oudoulj

Tons of issues on Spark UI Combobox, the plan is to replace the component with Autocomplete and Combobox from Base UI in the future.

Powerplex avatar Oct 21 '25 09:10 Powerplex