column! not working in styling example

[Barugon]

Is there an existing issue for this?

• I have searched the existing issues.

Is this issue related to iced?

• My hardware is compatible and my graphics drivers are up-to-date.

What happened?

Here's the result of running the styling example:

Note the missing checkbox and toggler to the right of the scroll area.

This code doesn't seem to be working properly.

What is the expected behavior?

Checkbox and toggler should be visible to the right of the scroll area.

Version

master

Operating System

Linux

Do you have any log output?

No response

[akshayr-mecha]

let scrollable = scrollable( column!["Scroll me!", vertical_space(800), "You did it!"] .width(Length::Fill), ) .height(100);
Length::Fill of column inside scrollable is causing this issue
as scrollable is not having width defined so column inside it is taking entire width
that is why checkbox and togger are getting hidden
Can be patched by adding width or removing Length::Fill

        let scrollable = scrollable(
            column!["Scroll me!", vertical_space(800), "You did it!"]
                .width(Length::Fill),
        )
        .width(300)
        .height(100);

[akshayr-mecha]

Created PR #2062.

[Barugon]

This also seems to work:

    let scrollable = scrollable(column!["Scroll me!", vertical_space(800), "You did it!"])
      .width(Length::Fill)
      .height(100);