What I’m trying to do:
Have alerts function properly What I’ve tried and what’s not working:
Adding basic components (text input, dropdowns, dates) in an alert modal.
Behavior is strange. Area behind modal/alert scrolls and focus is not fixed on the alert. When clicking through the components, ghost pointers are present. clicking one field, and the browser thinks you are clicking somewhere else.
Cant clone. Using private data. This is mostly for mobile. Alert has had some issues. no css modifications. Seems like a breaking problem.
Go make a longer blank component template with 15+ input entries (with writeback) so its long enough to scroll. add that to an alerts content. This causes the issue 100% of the time.
If you could create a minimal example that shows this behaviour it will be much easier to either help you find the error or truly flag it as a bug.
Since you can’t clone your app, just replicate the issue in a simple single form app and share that here.
I’ve often thought I’ve found a bug, then when I create a minimal example, it works… Then I recheck my code and realize it’s often something on my side.
Just a basic demonstration here. You can see in mobile devices, when simulating filling out the info after opening the alert, the oddities appear. Ghost pointing, scroll is operating behind the alert not in its component.
Specifically the dropdowns seem to cause the biggest problems.
