Smarter disabled behavior for buttons and button groups (specifically tooltips)
Two problems with buttons:
-
if a button has a tooltip when it is disabled, we also need to add a wrapper element, as described in https://bootstrap-vue.org/docs/components/tooltip#disabled-elements - this is not automatically enforced so is easy to miss unless it's picked up in code review.
-
if said button is in a button-group, adding the wrapper element will break styling and give it a border-radius on the right, and some incorrect focus/border styling
I don't know of a good solution for either problem, but we could definitely afford to improve the situation