mattermost-community/focalboard

Bug: really long card template titles aren't displayed correctly in card template list

Open

#2,949 opened on Apr 28, 2022

View on GitHub
 (1 comment) (0 reactions) (1 assignee)TypeScript (26,187 stars) (2,542 forks)user submission
BugHelp WantedSev/3Up for grabs

Description

Steps to reproduce the behavior

  1. Create a card template with a really long title.
  2. Click the down array on the New card button and notice the list

Contributor guide

Tech stack
typescriptreactcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
basic ReactCSS styling
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
Look at the component that renders the card template list dropdown, likely in `webapp/src/components/cardTemplateList.tsx`. Check the CSS for truncation or overflow handling. The issue is that long titles are not displayed correctly (probably overflow or no ellipsis). Fix by adding text overflow: ellipsis and appropriate width constraints.