Disabled button add pointer and tooltip

General
1

Hi,
i set a button with setEnabled(false) but after that i cant add a tooltip or change the pointer. Does anyone has an idea? I understand, that the events are gone once a button is disabled, but is there a way?

boolean buttonStatus = orderDetailEntity.getStatus().equals("1") || orderDetailEntity.getStatus().equals("2");
        if (!buttonStatus) {
            Tooltip tooltip = Tooltip.forComponent(button);
            tooltip.setText("Bearbeitung in diesem Status nicht mehr erlaubt");
            tooltip.setHoverDelay(0);
            tooltip.setHideDelay(0);
            tooltip.setPosition(Tooltip.TooltipPosition.TOP);
            button.setEnabled(buttonStatus);
        }

vaadin-button[theme~="success"][disabled] {
    background-color: var(--success-color-dark) !important;
    color: white !important;
    cursor: not-allowed !important;
    opacity: 0.6;
    border: none;
}

vaadin-button[theme~="success"][disabled]:hover {
    cursor: not-allowed !important;
}

The Css Color is applied correctly, but the cursor does not change (because of the missing event?)

2

Hi, there is a feature flag to make disabled buttons focusable:

1 Like
3

Thank youuu works perfectly! Would be a nice default behavior i think :)