How can I pass ui:widget hidden to oneOf/anyOf/allOf

[cgokey]

I'm including the following sandbox url as an illustration:

I tried this, but with no luck.

"anyOf": {
    "ui:widget": "hidden"
  }

Is there any way to hide the combo box?

The json schema is here:

{
  "title": "A registration form",
  "description": "A simple form example.",
  "type": "object",
  "anyOf": [
    {
      "required": [
        "firstName"
      ]
    },
    {
      "required": [
        "lastName"
      ]
    }
  ],
  "properties": {
    "firstName": {
      "type": "string",
      "title": "First name",
      "default": "Chuck"
    },
    "lastName": {
      "type": "string",
      "title": "Last name"
    },
    "age": {
      "type": "integer",
      "title": "Age"
    },
    "bio": {
      "type": "string",
      "title": "Bio"
    },
    "password": {
      "type": "string",
      "title": "Password",
      "minLength": 3
    },
    "telephone": {
      "type": "string",
      "title": "Telephone",
      "minLength": 10
    }
  }
}

[corbinschwartz]

Facing this same issue.

@cgokey this won't hide the dropdown, but one thing you might want to do is add "type": "object", to your anyOf blocks (it hides the rjsf error complaining about undefined type)

I'm using tailwind, and adding className="[&_div.panel.panel-default.panel-body]:hidden" to the <Form> makes it hide the anyOf variant selector (shoutout to #3834 (comment) for the inspiration)

[heath-freenome]

Closing this as a duplicate of #3834

[nickgros]

Does this work? Playground link

[nickgros]

@corbinschwartz sorry, I think I sent the wrong playground link. I meant to send this one with @cgokey 's example, where you could use the uiSchema

{
  "ui:fieldReplacesAnyOrOneOf": true,
  "ui:field": "hidden"
}

Here's a new link.