Меню с всплывающим меню

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
  });

});

В соответствии с исходным кодом семантического интерфейса пользователя:

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

Если я определяю целевой элемент, например: $ ('. Menu .dropdown'). First () слева от всплывающего окна должно начинаться там, и если яустановите всплывающее окно как popup: $ ('. popup'), оно будет отображать это всплывающее окно, проблема в том, что в этих случаях он всегда отображает целевой элемент.

Не уверен, является ли это ошибкой, или яЯ делаю что-то не так.

Спасибо.