[BUG] <form-builder> doesn't seem properly styled and shows several warnings in browser console

[simionato-ennovaresearch]

Environment

• Hosting type
  • Form.io
  • Local deployment
    • Version: 10.0.1
• Formio.js version: 5.3.1
• Frontend framework: Angular 20.3.0
• Browser: Chrome
• Browser version:

Steps to Reproduce

1. Create a fresh Angular 20 project
2. Install Form.io related dependencies
3. Paste following code inside your app.x files

<!-- app.html -->

<form-builder
  [form]="form"
  (change)="onFormChange($event)"
></form-builder>

// app.ts

@Component({
  selector: 'app-root',
  imports: [FormioModule],
  templateUrl: './app.html',
  styleUrl: './app.scss',
})
export class App {
  protected readonly form: FormioForm = {
    components: [],
  };

  protected onFormChange(evt: object): void {
    console.log('form', evt);
  }
}

Expected behavior

I was expecting to see a working and nice-looking form builder with no warnings/errors in the browser console

Observed behavior

This is what was rendered

The styling looks kinda off, plus I noticed the following:

1. Clicking on one of the list items (ex. Basic, Adavanced, etc.) opens it, but then is no more possible to close it
2. Hovering the Submit button shows some small buttons with no icons (this is why I'm thinking the styles haven't been loaded)

This is what is rendered when a component is dropped

The selects look kinda off, plus more warnings showed up in the browser console, even an error

Notes

I basically just followed this wiki, I'm kinda new to this project