I have struggled a little to get a satisfactory visual result when using the 'enabled: false' property.
From what I understood, the original code add the 'disabled' class on the <li> tag, but bootstrap 4 works better when this class is added to the <a> tag.
So I changed the contextMenu.js at the line 558:
from
$li.addClass('disabled');
to
$li.children().addClass('disabled');
Once inside there's only one <a> tag inside each <li> tag, is worked. But for production, this is not a good solution, changing the source code. Is there a better way to set this proprety and get a good result visually?
I have struggled a little to get a satisfactory visual result when using the 'enabled: false' property. From what I understood, the original code add the 'disabled' class on the
<li>
tag, but bootstrap 4 works better when this class is added to the<a>
tag.So I changed the contextMenu.js at the line 558: from
$li.addClass('disabled');
to$li.children().addClass('disabled');
Once inside there's only one
<a>
tag inside each<li>
tag, is worked. But for production, this is not a good solution, changing the source code. Is there a better way to set this proprety and get a good result visually?Thanks in advance.