Procházet zdrojové kódy

P1-11: venue-event-grid overflow-bug uitgezocht (root cause + fixvoorstel), root oorzaak vaste 200x200 Containers vs grid-berekening

bob před 1 měsícem
rodič
revize
b0b11ab4e2
1 změnil soubory, kde provedl 37 přidání a 3 odebrání
  1. 37 3
      TASKS.md

+ 37 - 3
TASKS.md

@@ -408,9 +408,43 @@ afgerond (Claude, code-niveau), concrete bevindingen:**
   bekend rate-limit-probleem op de Drupal-API, dus mogelijk lage
   prioriteit ondanks de N×-overhead.
 
-**P1-11 · Eigenaar: Onbepaald, onderzoek nodig.**
-Responsive/screensize-audit — o.a. het vaste 200×200px-tegelformaat in
-het venue-event-grid dat botst met de grid-berekening.
+**P1-11 · Eigenaar: Onbepaald.** Responsive/screensize. **2026-08-05:
+venue-event-grid-bug uitgezocht (Claude, code-niveau) — root cause
+gevonden, mechanische builder-fix, nog niet uitgevoerd:**
+- Component: `HorecagelegenheidEventTabelComponentCopy`
+  (`lib/horecagelegenhedenoverzicht/horecagelegenheid_event_tabel_component_copy/...widget.dart`),
+  gebruikt op de "Events"-tab van `HorecagelegenheidCurrent` (enige
+  gebruiksplek — geen niet-"_copy"-variant meer aanwezig om simpel in
+  te wisselen).
+- `GridView` (regel 165-172): `crossAxisCount: 2`, `childAspectRatio:
+  3.0` → elke grid-cel wordt ≈ (schermbreedte/2) breed ×
+  (celbreedte/3) hoog — op een telefoon van 390px breed dus ≈190×63px
+  per cel.
+- Binnen elke cel (regel 178-315): een `Row` met twee `Container`s die
+  **beide hardcoded `width: 200.0, height: 200.0`** hebben (tekst-tegel
+  regel 186-187, afbeeldings-tegel regel 294-295/311-312 incl. de
+  `CachedNetworkImage` zelf). De tekst-Container zit wel in `Expanded`
+  (dus de breedte krimpt mee), maar **de hoogte (200) niet** — `Expanded`
+  in een `Row` regelt alleen de hoofdas (breedte), niet de dwarsas
+  (hoogte). De afbeeldings-Container zit zelfs helemaal niet in
+  `Expanded` — noch breedte noch hoogte passen zich aan.
+- Gevolg: content wil 200px hoog zijn in een cel van ≈63px hoog, en de
+  afbeeldings-tegel wil alléén al 200px breed zijn terwijl de hele cel
+  maar ≈190px breed is (gedeeld met de tekst-tegel ernaast) —
+  `RenderFlex overflowed`-fouten/afgeknipte layout op de Events-tab
+  van elke horecagelegenheid-detailpagina.
+- **Voorgestelde fix (mechanisch, builder-property-wijzigingen, geen
+  nieuwe widgets nodig):** in de builder op
+  `HorecagelegenheidEventTabelComponentCopy` → Widget Tree → de twee
+  Containers binnen de Row (tekst- en afbeeldings-tegel): (1) hoogte
+  200 vervangen door een responsieve waarde (bv. Expanded ook op de
+  dwarsas laten werken via een buitenste `AspectRatio`, of de vaste
+  `height: 200` gewoon verwijderen en de Row's hoogte laten bepalen
+  door `childAspectRatio`), (2) de afbeeldings-Container ook in
+  `Expanded` wrappen zodat beide tegels de celbreedte delen i.p.v.
+  allebei 200px te claimen. Niet zelf uitgevoerd in deze sessie (audit-
+  taak, wijziging raakt geneste Row/Container/Expanded-structuur —
+  kost focus in de builder om zonder bijwerkingen te doen).
 
 ## P2 — features & concept, na livegang