CCExtractor / CCExtractor/taskwarrior-flutter

UI Issue: Project List Text Overflow and Misalignment

Aperta
#466 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
bug
Lingua principale
Dart
Stelle
244
Fork
179
Merge medio
12h 42m
PR unite (30g)
2

Descrizione

### Describe your issue

There is a UI issue in the project list where long project names cause text overflow, leading to rendering errors.

- **Text Overflow**:
- Long project names extend beyond the available space, resulting in a `RenderFlex overflow` error.
- The text does not wrap or truncate properly.

- **Misalignment Issues**:
- The project name and radio button are not aligned properly when text overflows.
- The UI breaks when the project name exceeds the expected length.

### Steps to reproduce

1. Add a project with a long name (e.g., `"This is a very long project name that should be truncated"`).
2. Run the app and navigate to the project selection UI.
3. Observe that the text overflows or breaks the layout.

### What was the expected result?

- Long project names should either:
- **Truncate** with `...` when space is limited.
- **Scroll horizontally** inside the available space.
- The UI should remain properly aligned without layout breaks.

### Put here any screenshots or videos (optional)

![Image](https://github.com/user-attachments/assets/c99730b2-011e-4e08-b1c2-3b29839c2925)
![Image](https://github.com/user-attachments/assets/fb56db84-d14b-4e14-ab07-aef660c6f5a0)

### How can we contact you (optional)

_No response_

### Would you like to work on this issue?

Yes

### By submitting this issue, I have confirmed that:

- [x] I have starred the repo ⭐ and watched 👀 it on GitHub and followed the contribution guidelines.

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Parti dall’UI di selezione del progetto descritta nei passaggi per riprodurre il problema e individua il widget che esegue il rendering di ogni nome di progetto insieme al relativo pulsante radio. Riproduci il problema usando un nome di progetto lungo, quindi verifica che il nome venga troncato o sia scorrevole e che il pulsante radio rimanga allineato senza causare un RenderFlex overflow.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
dart, flutter
Ambito
mobile
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
48/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.