This is the link to the fiddle provided in the allButtonsEnabled docs. https://jsfiddle.net/gh/get/library/pur ... bled-true/
If you set allButtonsEnabled equal to false, you can see that 1y should originally be disabled. This is because there is not enough data to fill that range entirely. Obviously setting allButtonsEnabled equal to true allows us the click that 1y button. It functions as expected, but the UI does not.
I expect the 1y button to get the same "selected" styling as the other buttons when they are clicked on. You can see that when you click on the other buttons, they get this blue-ish background and bold text, but clicking on the 1y button does not have any styling changes.
How can I get this "pressed" styling on previously disabled buttons? I am using React by the way.
My observations:
- When testing the rangeSelector in the browser, the other buttons (ones that are enabled regardless of the allButtonsEnabled property) get the highcharts-button-pressed class name when clicked
- The buttons that were previously disabled buttons (buttons that are disabled unless allButtonsEnable property is true) do not get this class name change and are stuck with the highcharts-button-normal class name, regardless if clicked.
Another way I can ask my question is how do I get this class name change to work on buttons that we previously disabled?