Focus on first error not working for radio

[Unknown-bot-sus]

Prerequisites

• I have searched the existing issues
• I understand that providing a SSCCE example is tremendously useful to the maintainers.
• I have read the documentation
• Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.

What theme are you using?

shadcn

Version

6.1.0

Current Behavior

When focusOnFirstError is set, it is not scrolling up for radio widgets

Expected Behavior

Scroll up to where the error is

Steps To Reproduce

Playground link

schema

{
  "type": "object",
  "required": [
    "gender"
  ],
  "properties": {
    "gender": {
      "type": "string",
      "enum": [
        "male",
        "female"
      ]
    },
    "firstName": {
      "title": "First name",
      "type": "string"
    },
    "lastName": {
      "title": "Last name",
      "type": "string"
    }
  }
}

uiSchema

{
  "gender": {
    "ui:widget": "radio"
  }
}

Environment

- OS: macOs
- Node: latest
- npm: pnpm

Anything else?

No response

[Unknown-bot-sus]

@heath-freenome please let me know if I am doing something wrong or is it a bug with the library

[heath-freenome]

@Unknown-bot-sus Are you seeing this in the playground or your own application? In the playground, I'm seeing the window scroll (see example and make window small). I do, notice that the focus UI (the extra coloring of the radio button) isn't working and I'm not sure why that is (or how to fix it after spending several hours trying).

[Unknown-bot-sus]

@heath-freenome thanks for working on this for several hours.

Sorry I forgot to mentioned you need to disable the html validate.

Maybe you can reference this example.

Additionally, I couldn't view the example, it is showing localhost

[heath-freenome]

@Unknown-bot-sus Ah, yeah, that was from my local debugging environment. I updated the example link to work with the rjsf playground instead. I'll take a look at your example tomorrow.

[Unknown-bot-sus]

@heath-freenome the example you provided is only working for default theme, it is not working for shadcn theme

[heath-freenome]

@heath-freenome the example you provided is only working for default theme, it is not working for shadcn theme

@Unknown-bot-sus You are right. I see it scroll a little bit, but not all the way. I wonder if there is something about that theme that causes events and focusing to not work correctly? Since I'm not a user of the theme nor did I write it, are you willing to debug a little bit and see if you can figure out why the theme isn't responding to programmatically focusing a field

[Unknown-bot-sus]

@heath-freenome sure I can do it. But can you give me some pointers for me to start?

[heath-freenome]

Honestly, I'd consider asking AI about it. I did that recently around a playground bug we had with antd and it was surprisingly helpful...