Buttons using basic: true change background on hover

[angrytongan]

When using basic: true on a Button, the background where the button would be if basic were false changes colour on hover. This makes it appear that there is a borderless button on hover, rather than no button at all.

Easiest to see on intent negative if you zoom in. Latest Chrome, Mac OS X.

const {
    Button

} = CUI;

const ButtonIntent = {
    view: () => {
        const intents = [ 'primary', 'positive', 'negative', 'warning' ];

        return [
            intents.map((i) => m(Button, {
                basic: false,
                intent: i,
                iconLeft: 'settings',
            })),

            intents.map((i) => m(Button, {
                basic: true,
                intent: i,
                iconLeft: 'settings',
            })),
        ];
    },
};

document.addEventListener('DOMContentLoaded', () => {
    m.route(document.body, '/', {
        '/': ButtonIntent
    });
});

[vrimar]

Are you referring to the light background when hovering over a basic button?

[angrytongan]

Yep. By design?

[vrimar]

Yep, that's intentional.