Disabled Outline Button With Icon Still Shows Click Effect

[Rabadash8820]

Normally, mousing over a btn-outline-* button makes the background turn some color, e.g., red for btn-outline-danger. However, this behavior does not go away when clicking a disabled button. Here is a CodePen showing the behavior. This strikes me as unintentional, especially with the differences between browsers described below, but I could be wrong.

Reproduced on my machine running Windows 10 Pro in these browsers:

• IE 11
• Edge 40.15063.674.0
• Google Chrome 62.0.3202.89 (curiously, the disabled button only changes color in Chrome when I click directly on the icon)

[Johann-S]

Bug reports must include a live demo of the problem. Per our contributing guidelines, please create a reduced test case via CodePen or JS Bin and report back with your link, Bootstrap version, and specific browser and OS details.

[Rabadash8820]

@Johann-S I have cleaned up the original description to remove some unnecessary info and provide a CodePen link.

[patrickhlauke]

this should be fixed by #23544

[patrickhlauke]

confirmed, fixed in beta 2. see https://codepen.io/team/Bootstrap/pen/ooWXKY

[Rabadash8820]

damn, I hate to be that guy that makes duplicate bugs. 😛