Hi everyone,
I have a PHP + JS + AJAX + Bootstrap web app that works perfectly in normal browsers (Chrome, Firefox, etc. on both desktop and mobile).
I'm wrapping it using MIT App Inventor with the WebViewer + WebViewExtra components. Almost everything works fine, but I'm having a specific issues with modals and post functions, mostly when it comes to AJAX pages.
Problem:
- Bootstrap modals won’t open.
- Buttons inside the modals (such as "Update Post", "Post", "Save", "Reply", etc.) do nothing when clicked.
- JavaScript click handlers (especially delegated ones like $(document).on('click', '.btn-edit-tweet', ...)) are not firing inside the WebViewer.
Other JavaScript features like infinite scrolling, likes, and retweets work fine. The issue seems limited to modal buttons and their event listeners.
What I've tried:
- Enabled JavaScript in WebViewer
- Used ShouldFollowLinks = true
- Tried both WebViewer and the newer WebView component
- Cleared cache, storage and reinstalled the app
Questions:
Is there a known limitation with Bootstrap modals and jQuery event listeners in App Inventor's WebViewer?
What is the best way to make modal buttons and delegated click events work reliably inside WebViewer?
Any settings, workarounds, or example blocks would be greatly appreciated.
Thank you!
