Hi,

I´m working an a side where area maps are used to open images in a popup window. The problem is that if the popup is closed the part of the area map which had been selected now is in focus, meaning there is an outline around this part of the area. I could blend that out setting focus outline and border to 0 in the css file, working for Edge and Chrome but not for Firefox which always shows the dotted line indicating the focus.

I tried every css solution I found but it didn´t work, is it maybe possible to prevent the popup to return the focus to the area map? Or maybe there´s another solution I did miss?

here an example
https://bit.ly/2Q1SUPf

regards
Greta

Hi Ryan,

thanks for your answer!

But now we have another problem, we also noticed that on smaller resolutions the popup content will be cut off at the bottom. This occurs when the image is in protrait format and the image descrption is detailed, is there a solution to avoid the cropping?

the first image here:

https://bit.ly/324FG7h