mattermost-community/focalboard

Bug: really long select property name isn't displayed well in group by propoerty selector

Open

#2,960 opened on Apr 28, 2022

View on GitHub
 (4 comments) (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. Go to a board view.
  2. Create a select property with a really long name.
  3. Open the "Group By" property selector in board view. Notice how the long property name is not displayed well.

Expected behavior

Long property names should be displayed nicely too.

Screenshots (optional)

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.
1-3 hours
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 CSSReact component understanding
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75
Research direction
Look at the board view components, particularly the group by property selector. The issue is likely a CSS overflow or text wrapping problem. Check the component that renders the property names in the dropdown. A fix might involve applying CSS like 'text overflow: ellipsis' or adjusting width/max width. Also review any existing styling for long text in the codebase.