rio icon indicating copy to clipboard operation
rio copied to clipboard

[BUG]: Shadows for `Rectangle` are cut off when proportions are set for `Row`/`Column`

Open Sn3llius opened this issue 5 months ago • 0 comments

Describe the bug

Shadows applied to Rectangles in Rows/Columns are cut off when custom proportions are set. This issue affects the visual display of shadows for rectangular shapes, causing them to appear incomplete.

Steps to Reproduce

class MyComponent(rio.Component):
    def build(self) -> rio.Component:
        return rio.Row(
            rio.Spacer(),
            rio.Rectangle(
                content=rio.Text("Hello World!"),
                fill=rio.Color.GREY,
                shadow_radius=3,
                shadow_color=rio.Color.BLACK,
                align_x=0.5,
                min_width=20,
            ),
            rio.Spacer(),
            proportions=[1, 10, 1], # <-- causes the issue
            align_y=0.5,
        )

Screenshots/Videos

No response

Operating System

No response

What browsers are you seeing the problem on?

No response

Browser version

No response

What device are you using?

No response

Additional context

No response

Sn3llius avatar Sep 18 '24 15:09 Sn3llius