craftcms / craftcms/cms

Table field type not responsive

Open
#6,074 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug severity:minor
Dominant language
PHP
Stars
3.6k
Forks
705
Avg merge
1d 5h
Merged PRs (30d)
134

Description

Description

Noticed when you create a table field with multiple columns that the table is not responsive and breaks the UI.

Screenshot 2020-05-14 at 17 21 01

Steps to reproduce
  1. Create a table field with multiple columns
  2. Resize window
Possible solution

Maybe something like the solution from Bootstrap?

Additional info
  • Craft version: 3.4.19.1, but probably all versions suffer from this

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue with a table field containing multiple columns, then inspect the table field's rendered UI and responsive styling while resizing the window. Done means the table remains usable and no longer breaks the UI at smaller widths.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.