彈出窗口問題與Firefox時，svg有位置：絕對

Question

我有一個彈出窗口，Safari瀏覽器，Chrome瀏覽器和IE完全正常，但在Firefox中不起作用，（不會出現）。

我創建了一個的jsfiddle來說明這個問題： https://jsfiddle.net/sregorcinimod/7x4vuwLr/8/

當你點擊藍色矩形一酥料餅應該會出現。

問題行是事實，我有一個位置是：絕對的SVG

#spacing svg{ 
    max-width:100%; 
    position:absolute; //this is the line that is causing issues 
    bottom:0px; 
} 

如果我刪除該行出現的酥料餅的，但我需要做其他的事情。

約束條件是：

1. 我需要的位置是：絕對的SVG由於其它更復雜的東西並不在多層svgs的的jsfiddle即響應定位。
2. 我需要將觸發器作爲焦點，而不是點擊，因爲當用戶點擊標題中的x或瀏覽器窗口中的任何位置時，需要解除彈出。

事情我已經嘗試：

1. 包裹在一個div的SVG。
2. 更換容器。

Answer 1

將tabindex屬性添加到矩形例如tabindex =「0」