fundamental-styles
fundamental-styles copied to clipboard
Segmented Button not showing state if disabled
Describe the bug A segmented button doesn't show its state if u either set it to disabled via attribute or set it to disabled via "is-disabled" class attribute.
Is this issue related to a specific component?
Segmented Button - https://sap.github.io/fundamental-styles/?path=/docs/components-button--primary#segmented-button
What version of the Fundamental Library Styles are you using?
0.18.0
What front-end framework are you implementing in, e.g., Angular, React, etc.?
Fundamental Styles + vue.js (w/o vue fundamentals because of outdated components)
To Reproduce Steps to reproduce the behavior:
- set disabled attribute to button within segmented button
- set "is-disabled" class attribute to button within segmented button
- button loses its selected state
Expected behavior The button still shows its selected or not selected state regardless of disabled or not.
Screenshots

Desktop (please complete the following information):
- OS: MacOS
- Browser: Chrome
- Version: latest
Additional context The combination of "is-selected" and "is-disabled" or "disabled" is not represented in the CSS.
actually the problem is that we don't provide styling for selected disabled button:
<button class="fd-button fd-button--positive is-selected" disabled>Selected State</button>
this has to have the selected color/background
not reproducible, fixed