Missing Icons and Labels in Table and Component Hover Settings

[hkim-jadehealth]

Checklist

• I have searched budibase discussions and github issues to check if my issue already exists

Hosting

• Self
  • Method: Docker Compose
  • Budibase Version: 3.2.24
  • Hosting Environment: Self-hosted (VPN required to access)

Describe the bug
Certain labels and icons in Budibase aren't showing up as expected. Couple examples:

1. In a table component with "Delete rows" turned on, the delete icon doesn't appear in preview mode after selecting the row
2. When hovering over a component to edit, I only see a couple of text descriptions, but not the full set of options or icons that should normally appear

To Reproduce
For the 1st issue:

1. Add table component to page.
2. Connect table to a data source.
3. In the table settings, check the "Delete rows" option
4. Click on the "Preview" button to view the table in preview mode
5. Select a row by clicking the checkbox next to it
   Expected behavior: A red, clickable delete icon should appear next to the selected row
   Actual behavior: The delete icon does not appear

For the 2nd issue:

1. Hover over any component to view its options/settings
   Expected behavior: Full set of options should appear, like for adjusting alignment, settings, etc.
   Actual behavior: A blank pop up shows upon hover. No icons, labels appear.

Screenshots

App Export
Jade Harmony-export-1733431728548.enc.tar.gz

Desktop (please complete the following information):

• OS: [Windows 11 24H2]
• Browser [Chrome]
• Version [131.0.6778.109]

[linear]

BUDI-8900 Missing Icons and Labels in Table and Component Hover Settings

[duc-bhcoe]

The label's for attribute doesn't match any element id. This might prevent the browser from correctly autofilling the form and accessibility tools from working correctly.

To fix this issue, make sure the label's for attribute references the correct id of a form field.

I would like to provide additional context to this issue where the browser's inspector highlights that the label for attribute and the corresponding element id do not match. This discrepancy can lead to issues with form accessibility and autofill functionality. It would be helpful if the team could review this and suggest a fix soon.

@MG-Jade-Health @hkim-jadehealth

[mikesealey]

Hi @hkim-jadehealth

I'm completely unable to replicate this issue either on self-hosted instances or on cloud. I think the issue could be related to your firewall. Are there any clues in the network traffic logs in the browser?

@duc-bhcoe Do you think this issue is related to the icons not showing, as mentioned in the initial bug report? If not, please file an additional issue.