带有居中流体弹出菜单

Question

我已经尝试了几个小时，如何使用带有下拉菜单的Semantic Ui菜单。

基本上，我希望将鼠标悬停在第二个项目上时，弹出窗口的位置与第一个相同，即占据宽度的100％。

我创建了一个小提琴以便更好地解释。

https://jsfiddle.net/bruno911/6ya54es8

$('.menu .dropdown').each(function() {
  $(this).popup({
    inline: true,
    lastResort: 'bottom center',
    hoverable: true,
    popup: $(this).next(),
    boundary: window,
    delay: {
      show: 200,
      hide: 500
    },
    movePopup: false
  });

});

根据语义ui源代码：

https://github.com/Semantic-Org/Semantic-UI/blob/master/src/definitions/modules/popup.js#L503

如果我定义目标元素，例如：$（'。menu .dropdown'）。first（）弹出窗口的左侧应从此处开始，并且如果我将弹出窗口设置为弹出窗口：$（'。popup'）它会显示弹出窗口，问题在于，在这些情况下，它始终显示目标元素。

不确定这是错误还是我做错了。

谢谢。