w3c / w3c/csswg-drafts

[css-resize] improve resize handling

Open
#4,982 0 comments 8 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

css-tables-3 css-ui-4
Dominant language
Bikeshed
Stars
4.9k
Forks
816
PR merge metrics
PR metrics pending

Description

issue

Just wanted to make table columns resizable. feels like it's such a common thing for those who builds data grids tables.

I have just found out about
-webkit-resizer it could have been useful if i where able to change width and height, but it isn't.

ppl are also asking for how to make the hole border as a resize handle, but the css resize only gives us a small corner that you are only able to change background color, which is undesirable.

making each cell resizable in a table have an undesirable affect too, if you resize cell A1 and then resize cell A2, then you can't make it shorter than A1. since A! now have a individual width. a desired effect would be if the table header row changed width instead.

fiddle

I played around with this, trying to make some form of resizable table without javascript.
https://jsfiddle.net/xodtjy2v/

but didn't really got the effect i wanted

request
  • give an option to make hole border as a resize handle
  • some way of making table columns/rows resizable

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

No repository file or test is identified. Start by reviewing the reported CSS resize behavior, the linked jsfiddle, and the existing -webkit-resizer discussion; the work would be complete only when the CSS behavior for full-border resize handles and table column or row resizing is specified.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.