Hi Retool team,
I wanted to bring to your attention an issue with the Modal Frame rendering that we've encountered. It seems to exhibit instability when selecting multiple names in a multi-select within a form. This problem has been reproducible in a significant number of cases.
Issue Description:
The Modal Frame experiences erratic behavior when specific combinations of names are selected. This has a noticeable impact on user interaction and the overall functionality of the application.
Steps to Recreate:
- Import the provided app JSON Modal Frame instability demo (from Timesheets).json
- Open in edit mode
- Select the following names: "Cebisa Poleman", "foreman test test", "Duane Zintle", "Bongani Webb", "Ashley Overtime".
- Observe the erratic behavior.
Note: This issue seems contingent on specific name combinations and lengths.
This specific demo app seems to not showcase the issue reliably on a Public link (unfortunately, although earlier versions of the app consistently show this behaviour on user mode).
Current Workarounds:
I've temporarily resolved this by repurposing the Body as the Header, and the Footer as the body, which stabilizes the frame. Attempts like using a tabbed container didn't address the issue. Removing some components, like the site selector, does fix it, but it's not a viable solution.
Additional Resources:
Here are videos demonstrating the issue from a user and myself.
Has anyone else experienced this? Any insights or suggestions on this would be greatly appreciated. Looking forward to a potential fix or guidance on this matter.
Thanks!
Credit to ChatGPT, my trusty editor.