Skip to content

Commit 6dc86d7

Browse files
Posting want (#717)
1 parent 7f59981 commit 6dc86d7

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
title: I want elements with the CSS "resize" property to have a ::handle pseudo element
3+
date: 2021-08-02
4+
submitter: Kilian Valkhof
5+
number: 698d08c0c88b4d8192a605bf1bedcfd8
6+
tags: [ css, forms, inputs ]
7+
discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/716
8+
---
9+
10+
With the CSS property `resize` set to `horizontal` or `vertical` on elements with `overflow:hidden`, you get a little resize control in the bottom right of the element with which to resize it.
11+
12+
I think this should be a pseudo element just like `::marker` for list items and summary elements. This would allow it to be styled in ways that make sense for the current element as well as the current direction of resize when it's limited to a single dimension.
13+
14+
`::handle` as a pseudo-element to achieve this makes sense to me. I ran into this when writing [this article](https://polypane.app/blog/faking-container-queries-with-css-grid/), where I would really prefer to have a differently styled handle for the resizable examples.

0 commit comments

Comments
 (0)