Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

WrapLayout "collapsing"

オープン
  • 何か問題がありますか？
#690 コメント 3 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
20/100
issue の種類
バグ
明瞭さ
説明が足りない
活発さ
停滞
技術スタック
csharp
領域
desktop, frontend

調査の方向性

ItemsRepeater.Layout として使用されている WinAppSDK/WinUI 3 WrapLayout から始め、基になるコレクションを変更しながらスクロールして失敗を再現します。動画とスクリーンショットを動作の参考として使用し、折りたたみの前後でレイアウトを比較します。要素を追加した後も、影響を受けるすべての WrapLayouts で表示されている項目が正しく配置されたままになれば完了です。

索引モデルが issue の本文から書いたものです。

説明

bug components::controls::primitives
Describe the bug

I have a weird bug that unfortunately mighe be difficult to find. Im using the WinUI-ItemsRepeater with a WrapLayout as "ItemsRepeater.Layout" like this:

          <winui:ItemsRepeater >
              <winui:ItemsRepeater.Layout>
                  <controls:WrapLayout Orientation="Horizontal" VerticalSpacing="1"HorizontalSpacing="1"/>
              </winui:ItemsRepeater.Layout>
              <winui:ItemsRepeater.ItemTemplate>
                  <DataTemplate>

                      [...]

                  </DataTemplate>
              </winui:ItemsRepeater.ItemTemplate>
          </winui:ItemsRepeater>

Now it seems that adding Elements in a long list when the ItemsRepeater is "scrolled down", then it "collapses" and renders the Items wrong. I unfortunately have no other repro than this video:

https://github.com/user-attachments/assets/aa7b6ff4-2ce0-43b9-a892-f55279af9fbf

Whenever it blinks blue, I'm adding a test-element (via right-click). I'm scrolling down while I do this. Once I reach a certain point, adding another element (or basically "modifiying the underlying collection") leads to a collaps of all (!) WrapLayout within that control. I have three of them in here and they all do collapse.

I'm assuming that the renderer crashes for whatever reason. Or the layout calculation gets corrupted. I hope some of you with deeper knowledge of the insights might get a clue what's happening here. Basically all Items in all visible WrapLayouts/ItemsRepeater do not get rendered once after the other but all get rendered at (0,0):

Image

Steps to reproduce
Unfortunately I do not have a repro outside of my app.
Expected behavior

I should be able to add elements as I wish without the layout collapsing.

Screenshots

Image

Code Platform
  • UWP
  • WinAppSDK / WinUI 3
  • Web Assembly (WASM)
  • Android
  • iOS
  • MacOS
  • Linux / GTK
Windows Build Number
  • Windows 10 1809 (Build 17763)
  • Windows 10 1903 (Build 18362)
  • Windows 10 1909 (Build 18363)
  • Windows 10 2004 (Build 19041)
  • Windows 10 20H2 (Build 19042)
  • Windows 10 21H1 (Build 19043)
  • Windows 10 21H2 (Build 19044)
  • Windows 10 22H2 (Build 19045)
  • Windows 11 21H2 (Build 22000)
  • Other (specify)
Other Windows Build number

No response

App minimum and target SDK version
  • Windows 10, version 1809 (Build 17763)
  • Windows 10, version 1903 (Build 18362)
  • Windows 10, version 1909 (Build 18363)
  • Windows 10, version 2004 (Build 19041)
  • Windows 10, version 2104 (Build 20348)
  • Windows 11, version 22H2 (Build 22000)
  • Other (specify)
Other SDK version

No response

Visual Studio Version

2022

Visual Studio Build Number

17.4

Device form factor

Desktop

Additional context

No response

Help us help you

No, I'm unable to contribute a solution.

主要言語
C#
スター
1.1k
フォーク
167
30日以内にマージされた PR はありません

環境構築

Codespaces で開く

このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

CommunityToolkit/Windows のほかの issue

CommunityToolkit/Windows の issue をすべて見る

似ている issue

C# の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。