I’m trying to build a product tour for an aplication that requires the user to upload a PDF file
In order for the user to upload this file, they need to prees a button called “Create contract”
This button opens a modal with a file input and, after the user has uploaded the file, new text fields pop up
I’m havind an issue where I can’t click anything on Intercom toolbar while this File upload modal is up
I tried custom selecting the input css but Intercom wasn’t able to recognize it
I’ve read some documentation but I don’t know if this is Focus Trapping or something similar
Is there a way to solve this?
Best answer by Jacques Reynolds
Hey @lcj1051 👋 Jacques here from Intercom Support. I hope all is well today!
Product Tours typically wouldn’t place too nicely with modal popups. Our Tour builder is designed to target the webpage that you’re putting the Tour on, but it wouldn’t have any way to detect a modal popup that occurs from some action you take on the webpage because the modal popup technically wouldn’t be considered as part of the webpage that you’re putting the Product Tour on.
Tours are designed to target the HTML elements on the webpage you’re targeting and the modal wouldn’t be amongst those elements.
Your best bet would be to only target elements that live on the webpage and just instruct the User to take whatever action they need to take in the modal without actually pointing to the modal.
Hey @lcj1051 👋 Jacques here from Intercom Support. I hope all is well today!
Product Tours typically wouldn’t place too nicely with modal popups. Our Tour builder is designed to target the webpage that you’re putting the Tour on, but it wouldn’t have any way to detect a modal popup that occurs from some action you take on the webpage because the modal popup technically wouldn’t be considered as part of the webpage that you’re putting the Product Tour on.
Tours are designed to target the HTML elements on the webpage you’re targeting and the modal wouldn’t be amongst those elements.
Your best bet would be to only target elements that live on the webpage and just instruct the User to take whatever action they need to take in the modal without actually pointing to the modal.
