kevlatus/flutter_fortune_wheel

Wrong sector while using "html" renderer and image in FortuneItem

programmador opened this issue · 1 comments

Describe the bug
One of the sectors has wrong size when 3 or 2 items left.

To Reproduce
Create a wheel
With 2 or 3 items (with 4+ itemes everything is fine)
And with an image in Fortune Item (neither widget tree depth nor image size matters)
Run with --web-renderer html (I'm using it to deal with CORS issues)

Here's an example of building item list for my case:

    return from
        .map((e) => FortuneItem(
              child: SizedBox.fromSize(
                child: Image.network(e.url),
                size: const Size(30, 30),
              ),
            ))
        .toList();

I've deliberately placed an image into a tiny SizedBox to avoid placing issues. It didn't help though.

Expected behavior
html renderer behaviour should be same as canvaskit's

Screenshots
screenshot_2022-05-19-220420
screenshot_2022-05-19-220441

Desktop:

  • OS: Linux
  • Browser: chrome 101
  • FortuneWheel: 1.2.0
  • Flutter: 2.10.5

Additional context

  • Looks like a bug of Flutter. Though I thought it would be inappropriate to post it there before making sure the issue is not inside of FlutterWheel.
  • Pay attention that items are placed correctly in the sectors. Only backgrounds of sectors look cutted.
stale commented

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.