fix: [UIE-9733] - Optimize rendering of entities in AssignedRolesTable
#13173
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description 📝
This PR fixes a nasty rendering problem with the "Assigned Roles" and "Assigned Entities" User Detail pages.
When dealing with vert large entity data sets (> a few hundreds), the browser would start lagging (sometimes freezing in Safari) because of the data mounting/unmounting when entering/leaving the "Assigned Roles" tab.
The reason is, the computing is quite heavy for the
TruncatedListcomponent, which needs to make decisions on how to responsive show/hide the entity chips. When doing this with 1000 items it is a performance disaster. Good news is, we do not need to do that at all since we only need to show a small amount of items on the screen.While this does not solve the initial loading of all entities (to be fixed later with better API support), this fix definitly prevents the browser issues we were seeing with large accounts
Changes 🔄
Scope 🚢
Upon production release, changes in this PR will be visible to:
Target release date 🗓️
How to test 🧪
Prerequisites
original reported bug in safari
v11.mov
Screen.Recording.2025-12-05.at.15.05.27.mov
Screen.Recording.2025-12-05.at.15.04.28.mov
Testing
👉 A IAM account with large data sets
should be a restricted user with entities assigned
Reproduction steps
/iam/users/<user>/rolesand/iam/users/<user>/entitiesand refresh pagesVerification steps
/iam/users/<user>/rolesand/iam/users/<user>/entitiesand refresh pagesAuthor Checklists
As an Author, to speed up the review process, I considered 🤔
👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support
As an Author, before moving this PR from Draft to Open, I confirmed ✅