YaruAutocomplete: calculate matching options width by default

[jpnurmi]

Flutter's Autocomplete widget expands the options popup to all available width. Given that it looks somehow unusual on desktop, we made it possible to override the width in #668.

Most often, the autocomplete widget can be simply wrapped with a LayoutBuilder to get the width but things get more complicated when trying to use it in a dialog because LayoutBuilder naturally doesn't support intrinsic sizes. Therefore, I'm proposing to make this the default behavior and let YaruAutocomplete calculate the matching width under the hood. The old behavior is still possible by e.g. passing the screen width or simply optionsWidth: double.infinity.

Before	After

[Jupi007]

I see you're using a post frame callback, but isn't it creating a size jump during a frame?

Also, there isn't any page for this widget in the example app, is it intentional?

[jpnurmi]

I see you're using a post frame callback, but isn't it creating a size jump during a frame?

There's no render box until the widget has been rendered but notice that the popup is not visible during initState() anyway. The same approach is used by some Flutter widgets that deal with popups. :)

Also, there isn't any page for this widget in the example app, is it intentional?

I dropped it for the time being because it was too ugly to be the starting page 😀

#668

[Jupi007]

There's no render box until the widget has been rendered but notice that the popup is not visible during initState() anyway. The same approach is used by some Flutter widgets that deal with popups. :)

Okay, that's perfect so 👍 🙂

I dropped it for the time being because it was too ugly to be the starting page grinning

Oh, I didn't noticed this commit, maybe would it be a better solution to make the default page at a different index, is it possible currently?

[jpnurmi]

For reference, LayoutBuilder works fine here:

But it explodes when used in a dialog like this that relies on intrinsic sizes:

[Jupi007]

But it explodes when used in a dialog like this that relies on intrinsic sizes:

Wow, yeah this is not how it should look 😅

[jpnurmi]

Oh, I didn't noticed this commit, maybe would it be a better solution to make the default page at a different index, is it possible currently?

Good idea! 👍 I think it should be possible yeah. Should we keep the banner page as the default or what is the most representative page?

[Jupi007]

Imo the banner page is the best candidate for a default page 👍
We can set the default index with a YaruPageController.