Bottom rounded corner issue on Hyprland tiled window.

[SherLock707]

I have this widget:

 window = Window(
        child=box_main,
        type='popup',
        layer="overlay",
        anchor="top left",
        keyboard_mode='on-demand',
        margin="10px 0px 0px 350px",
        style=f"border: 2px solid {color_dict.get('color7', '#ffffff')}; border-radius: 20px;",
        on_destroy=lambda w, *_: w.application.quit()
    )

    window.add_keybinding("Escape", lambda w, *_: w.application.quit())

    app = Application("palette-app", window)
    app.run()

When there is a tiled window under the widget I see bottom radius have sharp corners which are from wallpaper:

On floating and no window same looks like this (Proper):

Weirdly this only happens to bottom corners.

What am i doing wrong?

[SherLock707]

I have added following hyperland conf

layerrule = blur, fabric
layerrule = ignorezero, fabric

[SherLock707]

Fixed by moving style from window level to parent box level