Email or username:

Password:

Forgot your password?
Lea's posts Post Back to profile
Lea Verou

So it turns out you can use writing-mode in Chrome & Firefox to lay out a <select> horizontally ๐Ÿ™ƒ

codepen.io/leaverou/pen/PoMzXX

You can even apply field-sizing: content; to get rid of the empty space!

preview of codepen
7 October at 5:10 | Open on front-end.social
9 comments
Egor Kloos

@leaverou Iโ€™ve used writing mode to flip a table. Not convinced how useful that was, but fun to do.

codepen.io/dutchcelt/full/zYLG

7 October at 5:16 | Open on mastodon.social
๐ŸŒฎ Dave Millar ๐ŸŒฎ
Jak2k

@leaverou That's useful these super wide monitors!

7 October at 5:32 | Open on mastodontech.de
Jak2k

@leaverou Now we only need round dropdowns for smartwatches.

7 October at 5:33 | Open on mastodontech.de
Kyle Rose
jfroehlich
Marius Gundersen

@leaverou If only styling the select was easier this could be useful, fรถr example for making a toggle switch or a pure css tab-bar

7 October at 7:08 | Open on mastodon.social
J. Peterson

@leaverou Works on FireFox, but not Chrome?

7 October at 7:29 | Open on mastodon.social
Emmanuel
Go Up