* Describe the bug
The Graphical interface in the Data source manager does not render correctly in Firefox. The table relationship diagram is almost entirely invisible — table names, field names, and relationship lines are barely visible or completely missing. Only faint outlines and relationship indicators (“1”, “N”) are partially visible. A small preview thumbnail appears in the bottom-right corner, suggesting the content exists but is not being rendered in the main viewport.
The feature works as expected in Chrome (see screenshots).
* Environment
- NocoBase version: 2.0.53
- Database type and version: Postgres 16
- OS: MacOS Catalina 10.15.8
- Deployment Methods: Docker container
- Docker image version: 2.0.53
- NodeJS version: N/A
* How To Reproduce
- Open NocoBase in Firefox.
- Navigate to Settings → Data source manager → Main.
- Click the “Graphical interface” tab.
- Observe that the table relationship diagram is not rendered — tables and fields are invisible, only faint structural lines and cardinality labels remain.
- Open the same page in Chrome for comparison — the diagram renders correctly there.
Expected behavior
The graphical interface should display all tables, fields, and their relationships clearly in Firefox, as it does in Chrome.
Screenshots
Screenshot 1 — Firefox: Diagram not rendering. Only faint outlines and cardinality labels (“1”, “N”) visible. Minimap preview visible in bottom-right corner.
Screenshot 2 — Chrome: Diagram renders correctly, showing all table cards with field names, data types, and relationship lines.
Logs
N/A — no API errors. This appears to be a browser rendering/compatibility issue specific to Firefox.