HTML5 Контекстное меню с мопсом

Question

В настоящее время на сайте появляется ошибка в Pug/Jade, в которой <menuitem> рассматривается как самозакрывающийся, когда на самом деле их нужно закрыть. Я отправил этот вопрос в репозиторий GitHub и ожидаю ответа/исправления, но пока есть ли жизнеспособная альтернатива?

Это мой contextmenu.pug файл:

menu#main(type="context", label="") 
    menu(label="Visit me on...") 
     menuitem(label="LinkedIn") 
     menuitem(label="Twitter") 
     menuitem(label="Github") 
     menuitem(label="Stack Overflow") 
     menuitem(label="Email") 
    menuitem(label="Go Home") 

HTML, визуализируется как:

<menu id="main" type="context" label=""> 
    <menu label="Visit me on..."> 
     <menuitem label="LinkedIn"> 
     <menuitem label="Twitter"> 
     <menuitem label="Github"> 
     <menuitem label="Stack Overflow"> 
     <menuitem label="Email"> 
    </menu> 
    <menuitem label="Go Home"> 
</menu> 

Принимая во внимание, я хотел бы все menuitem теги, чтобы закрыть с </menuitem>. В противном случае это приведет к тому, что LinkedIn станет единственным вариантом, который появляется под «Visit me on ...». Ближайшим примером, который я смог найти, был this StackOverflow question, который предложил использовать простой HTML, и, хотя это работает, мне интересно, есть ли единственная альтернатива. Есть ли где-нибудь параметр, который определяет, какие теги самозакрываются? Или появилась лучшая альтернатива принудительному закрытию тега после этого вопроса?

В случае, если это имеет значение, я использую фреймворк Express.js и недавно обновлен от Jade (проблема существовала до миграции).

GitHub Issue

Answer 1

Вы можете написать menuitem S как открытый текст:

menu#main(type="context", label="") 
    menu(label="Visit me on..."). 
    <menuitem label="LinkedIn"></menuitem> 
    <menuitem label="Twitter"></menuitem> 
    <menuitem label="Github"></menuitem> 
    <menuitem label="Stack Overflow"></menuitem> 
    <menuitem label="Email"></menuitem> 
    <menuitem label="Go Home"></menuitem> 

https://pugjs.org/language/plain-text.html