From c4eb516ab21809c67080cb59e25ead291ce4c9a3 Mon Sep 17 00:00:00 2001
From: Ebben Feagan <ebben@tpv.com>
Date: Fri, 8 Sep 2017 18:14:05 -0500
Subject: [PATCH] Fix to be compatible with Bootstrap 4

BS4 requires the dropdown-item class on the dropdown items.
---
 src/BootstrapMenu.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/BootstrapMenu.js b/src/BootstrapMenu.js
index 883c48a..95763e7 100644
--- a/src/BootstrapMenu.js
+++ b/src/BootstrapMenu.js
@@ -119,7 +119,7 @@ function renderMenu(_this) {
             if (actionsHaveIcon === true) {
                 $ul.append(
                     '<li role="presentation" data-action="'+actionId+'">' +
-                    '<a href="#" role="menuitem">' +
+                    '<a href="#" role="menuitem" class="dropdown-item">' +
                     '<i class="fa fa-fw fa-lg ' + (action.iconClass || '') + '"></i> ' +
                     '<span class="actionName"></span>' +
                     '</a>' +
@@ -130,7 +130,7 @@ function renderMenu(_this) {
             else {
                 $ul.append(
                     '<li role="presentation" data-action="'+actionId+'">' +
-                    '<a href="#" role="menuitem"><span class="actionName"></span></a>' +
+                    '<a href="#" role="menuitem" class="dropdown-item"><span class="actionName"></span></a>' +
                     '</li>'
                 );
             }
@@ -138,7 +138,7 @@ function renderMenu(_this) {
 
         $ul.append(
             '<li role="presentation" class="noActionsMessage disabled">' +
-            '<a href="#" role="menuitem">' +
+            '<a href="#" role="menuitem" class="dropdown-item">' +
             '<span>' + _this.options.noActionsMessage + '</span>' +
             '</a>' +
             '</li>'