---
suivi: 1782
date: 2026-10-02
sujet: La grille de la fiche promesse ne déborde plus
chantier: foncier / promesses
type: correctif
statut: poussé
hash:
fichiers:
  - resources/js/Pages/Foncier/Promesses/Show.vue
  - docs/suivi/SUIVI_1782_foncier_promesse_grille.md
---

# SUIVI #1782 — grille fiche promesse

Fiche lue : #1781. Leçon conservée : bandeau hors de `main`, pas de prop `programme`, prorogation et verrou inchangés. AppShell n’est pas en cause.

## Étape 0 — constat

`Promesses/Show.vue` 920 (avant correctif) : `min-[1024px]:grid-cols-2` compile déjà en `repeat(2, minmax(0, 1fr))`. Les deux colonnes ont `min-w-0` (921 et 1380). Aucune des deux n’est en `absolute` ni en `sticky`.

Le débordement vient du `fieldset` ligne 948. Le navigateur lui donne `min-width: min-content`. Dedans, le MultiSelect des parcelles (1041) est un `inline-flex` PrimeVue. Son libellé (`.p-multiselect-label`) est `white-space: nowrap` ; en pastilles, il est `display: flex` sans retour à la ligne. Sept pastilles font une ligne d’environ 1 470 px. Cette largeur devient le minimum du fieldset, qui sort de la piste de gauche et se peint sur les cartes de droite. La grille interne Identification (`sm:grid-cols-2`, 963) s’élargit avec lui : Type et Date partent à droite. Même effet sur Frais d’acte et Indemnité (`sm:grid-cols-2`, 1279).

Documents : `EntityDocumentsPanel.vue` 173 est déjà une carte. `Show.vue` 1736 l’entourait d’une seconde.

Le bandeau Déverrouiller (897) est déjà au-dessus de la grille, sur toute la largeur du contenu.

## Correctif

Grille `minmax(0, 1.55fr) minmax(0, 1fr)` à partir de 1 024 px, une colonne en dessous. `min-width: 0` sur le fieldset, les cartes et les champs PrimeVue. Les pastilles reviennent à la ligne. Documents : la carte du panneau seule. Pas de sticky sur la colonne de droite.

## LEÇON

`minmax(0, 1fr)` sur la grille ne suffit pas si un `fieldset` ou un MultiSelect en pastilles impose son `min-content`. Il faut `min-inline-size: 0` sur le fieldset et `flex-wrap` sur les pastilles.