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.