Describe the bug

When I try to trigger a modal to open from a drop down button. The role of the associated li element is changed to "button."

Steps to reproduce the bug

1. Go to [...]
2. Click on [...]
3. Scroll down to [...]
4. See error

Expected behavior

I am using an accessibility testing utility called axe to test for accessibility violations and it is saying that this is not allowed. Presumably because the child of a ul should be an li. The normal dropdown-item-button role is "presentation". Axe does not complain about this, but I would seem to think the li would not need a role at all? Or the role would be "listitem"?? The "presentation" role is a bit of a mystery to me yet admittedly so can't say this makes a lot of sense either?

Versions

Libraries:

• BootstrapVue: 2.0.2
• Bootstrap: 4.3.1
• Vue: 2.6.10

Environment:

• Device: all
• OS: all
• Browser: all
• Version: all

Demo link

https://codepen.io/geertsrj/pen/eYOxJGN

Additional context

no additional context