From 12077ca9008ea70b7e25b7784823052fc1e10a74 Mon Sep 17 00:00:00 2001 From: Patrick Brosset Date: Thu, 20 Mar 2025 15:21:04 +0100 Subject: [PATCH] Posting want --- wants/698d08c0c88b4d8192a605bf1bedcfd8.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) create mode 100644 wants/698d08c0c88b4d8192a605bf1bedcfd8.md diff --git a/wants/698d08c0c88b4d8192a605bf1bedcfd8.md b/wants/698d08c0c88b4d8192a605bf1bedcfd8.md new file mode 100644 index 0000000..68e0d88 --- /dev/null +++ b/wants/698d08c0c88b4d8192a605bf1bedcfd8.md @@ -0,0 +1,14 @@ +--- +title: I want elements with the CSS "resize" property to have a ::handle pseudo element +date: 2021-08-02 +submitter: Kilian Valkhof +number: 698d08c0c88b4d8192a605bf1bedcfd8 +tags: [ css, forms, inputs ] +discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/716 +--- + +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. + +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. + +`::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.