I'm creating an event page that has a map with pins that you can click to view events. When you click a pin, a modal opens that shows all the information about the event, including the address which links out to either a new browser tab or the device's default map app. There is also confirm attendance and add to calendar.

When you choose anything that would take you outside of our website, we are legally required to show a modal telling the user that they are leaving our website.

My question is, would it be the best practice:

  • to overlay the leaving modal over the modal that shows info about the event when you've clicked on a pin?

  • Or should the event info modal close once you've clicked something that would cause the leaving modal to pop up? The only downside to this is they would have to remember what event they've chosen on the map if they choose not to navigate away from our site.


3 Answers 3


A possible solution is to have the container of the modal stay in place and have the content inside change when the user clicks the external link. So nothing is opening or closing—the content related to the event is simply replaced with text saying the user is leaving your website and a way to continue or go back to viewing the event information. To the user, it'll look and feel like a single modal, which is a more seamless experience.

  • Good alternative! (However, just for the records: a link is still a hyperlink...don't let Tim Berners-Lee become aware of an abuse like that.) Commented Mar 1, 2023 at 2:42

For me, the real issue is not what happens behind when showing the (modal) leaving dialog. It's that there is such a dialog at all.

If I select a link I expect to go to that what I selected...immediately. Being stopped, even if it is just temporarily, and being forced to click a second time is distracting and becomes (increasingly...very...extremely...@§$%&#! [insert curse of your choice]) annoying with time.

Placing the "you're about to leave our website" hint directly on the (then one and only) event info dialog is not an option?

  • unfortunately, our site is heavily regulated by the government, and we have to show the "you're leaving" modal.
    – Jordan
    Commented Feb 28, 2023 at 18:51
  • @Jordan Which country? Just to know where I will never emigrate to. ;) Commented Feb 28, 2023 at 18:59
  • USA haha. It's health insurance, so lots of regulations.
    – Jordan
    Commented Feb 28, 2023 at 19:38
  • @Jordan USA, really⁉️ The Internet was invented there! OK, agreed, the WWW wasn't but in Switzerland. Health insurance? There's an argument for them: Increased clicking causes RSI! :) Not to mention the steep anger path described in my answer above. Commented Feb 28, 2023 at 19:54

I like the option for the user to stay on the same screen while navigating between sections or diving into content.

For example, see how it works in Google maps. If you select any object on the map, you do not open a new window or transfer to another tab, you remain on the same page just a level below. If you want to go back you can always use the back arrow. enter image description here

Or another option. If you have enough space, open another window nearby.

enter image description here

  • What do you mean by "just a level below"? The Q is not about where/how to place the initial "information" dialog but what to do with it if another mandatory "leaving" dialog must be displayed (when clicking at a link that leads to a different site). Commented Mar 1, 2023 at 21:18

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.