tinymce / tinymce/tinymce

Column Width adjustment through Cell Properties doesn't adjust the width percentages for adjacent columns

Open
#10,228 1 comment 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

plugin: table status: escalated status: verified type: bug
Dominant language
TypeScript
Stars
16.3k
Forks
2.3k
PR merge metrics
No merged PRs in 30d

Description

📝 Provide detailed reproduction steps (if any)

I have a table with 4 columns and 3 rows. By default, the table is created with column width: 24.9698% for all four columns. When I change the width percentage from cell properties for the first column to 15%, it doesn't change the width percentage for all other columns. Now, if I just click on the Gridline shared by first and second column, but doesn't actually scroll it to change the width, the width is now updated for all the columns including first column. if I scroll the gridline to left or right, it changes the width percentage for all the columns.

  1. Create a 4x3 table in https://fiddle.tiny.cloud/
  2. Check the source code and width is 24.9698% for all 4 columns
  3. Go to cell properties and for the first column and change width to 15% and save
  4. Go back to source code and width for first column is 15% but all other columns are still 24.9698%
  5. Changing the width on first column should adjust the width for other columns as well
  6. Now click on gridline between first and second column without changing the width
  7. Go back to source code and you will see the updated width
✔️ Expected result

Changing width percentage in Cell properties should adjust the width percentage for adjacent columns as well

❌ Actual result

Changing width percentage in Cell properties is not adjusting the width percentage for all other columns

📃 Other details

  • Browser: Google Chrome, Edge
  • OS: Windows

If you'd like to see this fixed sooner, add a 👍 reaction to this post.

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 in fiddle.tiny.cloud and inspect the table source after changing the first column through Cell Properties. Compare that result with the gridline interaction; done means changing one column's percentage also updates adjacent column percentages without needing to click a gridline.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 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.