[BUG] issue with linear-gradient

FreewayFiat commented 3 hours ago

Checklist before submitting an issue

[X] I have searched through the existing closed and open issues for eww and made sure this is not a duplicate
[X] I have specifically verified that this bug is not a common user error
[X] I am providing as much relevant information as I am able to in this bug report (Minimal config to reproduce the issue for example, if applicable)

Description of the bug

Hi all,

i'm having an issue with linear-gradients in the background and buttons on top. Where once you click the button the background color of the button changes.

This happened to me with eventbox as well but not in this config example.

From what i could gather this does not happen when you have either

:space-eveny true on the box
a linear-gradient with 0deg or 180deg

Not sure if this is even eww related, but i'm stuck on this and any help is appreciated. Thanks!

Reproducing the issue

; eww.yuck
(defwindow test []
    :geometry (geometry
        :width "20%"
        :height "5%"
    )

    (box
        :orientation "h"
        :style "background: linear-gradient(45deg, mediumpurple 0%, firebrick 100%);"
        :space-evenly false

        (button 
            :style "all: unset;" 
            "CLICK ME"
        )
    )
)

eww.scss is empty

Expected behaviour

Additional context

im on arch using bspwm this happens on both eww 0.5.0 d87c2fdbfdc012e76d229e4e9ea3325bc0f23e8 and eww 0.6.0 8661abf2bf07f5a809fc995233d93810cc1ac871

w-lfchen commented 2 hours ago

i'm having issues reproducing the described behavior with your provided config since clicking on the button does nothing. what am i missing?

FreewayFiat commented 1 hour ago

i don't think your missing anything. if you can't think of anything that would cause this on the eww/gtk side, then this is probably an issue with my nvidia gpu or some system configuration.

w-lfchen commented 1 hour ago

this is probably an issue with my nvidia gpu or some system configuration.

that shouldn't be the case. can you send me the config for the first screenshot? this is what your provided config yields me, seems to be the expected behavior a step you could try is adding this at the top of your eww.scss file:

* {
    all: unset;
}

FreewayFiat commented 1 hour ago

adding to the eww.scss file does not improve things. the config is just what is provided above. I recorded this to maybe showcase my issue better https://github.com/user-attachments/assets/4f415790-6484-4a4a-8580-1397b22d8914

elkowar / eww