Extra menu title appearing under dropdown menu while in data tables tab

[BanyarSawThit]

Subject of the issue

*Data table *Data table script(datatables.min.js) side effect on "dropdown-menu" class. Check out navigation bar while in data table

Your environment

Chrome and IE

Steps to reproduce

Expected behaviour

Actual behaviour

Extra dropdown title appearing under its own dropdown menu

[j8n]

The problem is in the main.js file.
The script prepends a 'li' element on every click event
I just commented the line for now and it works fine (without the subtitle)
It must prepend it only once or remove it on close

$(".menu-item-has-children.dropdown").each(function() {
$(this).on('click', function() {
var $temp_text = $(this).children('.dropdown-toggle').html();
// problem
//$(this).children('.sub-menu').prepend('< li class="subtitle">' + $temp_text + '');
});
});

Edit: I removed it all

[riazahmadshigri]

replace this code with one that already there to fix
$(".menu-item-has-children.dropdown").each(function() {
$(this).one('click', function() {
var $temp_text = $(this).children('.dropdown-toggle').html();
$(this).children('.sub-menu').prepend('

' + $temp_text + '

');
$('#menu-item-has-children.dropdown').off('click');
});
});