Jun 12
it’s probably 3 and that’s _okay_ because the default focus is on the input
buuut the first result having active styles is the problem because you can also just hit enter and it selects the first option instead of “submitting” the search query, combobox
thanks i hate it
2
1
1,298
Jun 11
🚀 Radix NG v1.0.0-beta.2 is out — meet the new Combobox
A headless, signals-first combobox for Angular. Like everything in Radix NG, it ships zero styles — you own every pixel, the library owns the behavior.
The interesting part: DOM focus never leaves the input. The highlighted option is virtual — tracked via aria-activedescendant data-highlighted — so screen readers and keyboard users get the exact WAI-ARIA combobox pattern, and you never fight focus jumps.
What's in the box:
✅ Single & multiple selection — with chips, removable via keyboard
✅ Built-in locale-aware filtering, custom filter function, or [filter]="null" for external/async lists
✅ selectionMode="none" for filter-only / command-palette UIs
✅ Full keyboard support: arrows with looping, Home/End, Enter, Escape, Backspace
✅ External virtualization — virtualized [items] exposes filteredItems(), plug in any virtualizer and render 100k rows
✅ autoHighlight modes, limit for capping matches, modal mode with backdrop
✅ Forms: ControlValueAccessor on the root Field integration (labels, descriptions, errors)
✅ Style everything via data-* attributes: data-popup-open, data-highlighted, data-selected, data-list-empty…
Get started:
ng add @radix-ng/primitives
Docs & examples: radix-ng.com
Building with an AI agent? npx skills add radix-ng/primitives/skills — your assistant gets the full API contract, examples, and styling guide offline.
#Angular
10
458
Jun 10
Power Apps ComboBox Explained: DefaultSelectedItems, SearchFields, Schema & Best Practices
c-sharpcorner.com/article/po…
15
How to Check if Power Apps Combobox Has a Selected Value? enjoysharepoint.com/check-if… #PowerApps
14
If you've used shadcn/ui in a React project, you know the pattern: copy-paste components, full source ownership, sensible defaults you can override. maquina_components is that pattern, ported to Rails.
ERB partials styled with Tailwind CSS 4.0 and Stimulus controllers. No React. No build step beyond what Rails already gives you.
What you get:
→ 20 production-ready components — Sidebar, Card, Table, Combobox, Date Picker, Toast, and more
→ shadcn/ui theming convention — CSS custom properties for design tokens, themeable per app
→ Stimulus only where it's actually needed (Sidebar, Dropdown, Combobox, Toggle Group, Breadcrumbs, Toast); static components stay JS-free
→ Live demo at demo.maquina.app — try every component in light/dark themes without installing anything
Components ship as ERB partials in the gem — install and use them as-is. When you need to customize one, copy the partial into your app, override it, or write a personalized version. The source lives in your code only when you decide it should. Everything stays in Rails idioms: form_with for forms, link_to for buttons, data attributes for styling. No new patterns to learn beyond what Rails already gives you.
One more thing for the AI-assisted crowd: there's a companion Claude Code plugin, Maquina UI Standards, that teaches Claude your component patterns. Instead of correcting AI-generated <div class="card"> to use the actual card partial, Claude generates the right code the first time.
Docs → maquina.app/documentation/co…
#RubyOnRails #Hotwire #Tailwind
4
233
Jun 2
Mantine 9.3 is out!
Splitter component & use-splitter hook, Menu upgrades (search, checkbox/radio items, context menu, type-ahead), Popover context menu, Combobox floatingHeight, Pagination responsive layout, CodeHighlight line numbers and more
mantine.dev/changelog/9-3-0/
1
4
27
1,028
May 30
composing a TagsInput Combobox component with @ark_ui_
use the left right arrow keys to highlight tags, and backspace to delete the selected one
use the up down arrow keys to open the dropdown directly
fully keyboard accessible 🤌
the styles come from Stark UI 🤩🤩
1
11
762
El hiperfoco puede ser una ventaja, pero no es una religión.
En TDAH, apostar todo a una sola cosa puede dar velocidad, pero también fragilidad. Mejor que “potenciar una cosa” es diseñar un combobox de regulación: foco cuando sirve, pausa cuando estabiliza, cambio cuando el sistema lo pide.
dankostjepovic.com
2
133
May 21
The best headless UI library gets even better!
Base UI's combobox is unmatched.
v1.5.0 🚀
✔︎ Huge (~50%) mount perf improvement
✔︎ Refreshed design for docs demos
✔︎ Improved keyboard support for OTPField
✔︎ New `data-popup-side` attr on Select.Trigger
✔︎ Integrate inline positioning in PreviewCard
✔︎ Tons of a11y, performance, and bug fixes
10
7,983
May 19
I'm very much grateful for @shadcn
When we built the MVP of @Goodcollectco in December 2022, I was still a junior.
Didn't have a lot of opinions on composition, accessibility.
one-click importing a combobox, and a full UI kit that is easy to theme (pre-AI) saved us weeks!
It allowed us to focus on business, which is now thriving !
And I think that's the case for many businesses.
I've used it for every project since.
I want to write one appreciation post about @shadcn
This time not about the technology, but about the person behind it.
We all know @shadcn is kind of a hidden identity, and we don't know much about him publicly.
But I had the privilege to dm with shad a few times, and I can honestly say he's one of the nicest people ever.
Sometimes I even feel bad making so many shadcn/ui videos, because I wonder if it looks like I'm just farming views from it.
But the truth is simple:
I started using shadcn 3 years ago because I really loved it, and I'm using it on every project.
You can see screenshot from my oldest shadcn video (interesting thing to see how it looked before).
So thank you @shadcn
Not just for the best ui project ever, but for the impact you've had on so many developers 💚
THE GOAT
1
2
15
724
May 15
Just shipped pi-agent-browser-native v0.2.28 🚀
Pi agents now get better real-browser workflows with:
- no-op scroll diagnostics for dense dashboards
- combobox recovery hints when clicks only focus the field
- early ffmpeg warnings for recordings
- leaner runtime guidance with on-demand docs
- stronger secret redaction
Built for agents driving real browser sessions with native tools.
pi install npm:pi-agent-browser-native
github.com/fitchmultz/pi-age…
@vercel @vercel_dev
1
1
4
151
May 15
Designers: Let's not over-engineer this component and keep it simple.
The component: The drop-down menu with combobox and tabs.
Me: Okay, but then it should be accessible and animated.
P.S. Thanks to @ariakitjs and @motiondotdev for the great API and examples! This is the way!
2
1
7
743
May 10
🚀Just shipped react-country-map-select - an accessible React country combobox where each option shows the actual map shape.
✦ 195 countries · ~10 KB
✦ TypeScript a11y first
✦ Next.js App Router ready
npm i react-country-map-select
#reactjs #typescript #webdev #opensource
1
2
42
a proper multi select combobox with async search built in. Every project I reach for shadcn and end up duct taping 3 libraries together for that one component.
2
5
1,209
So many nice details here, love the progressive error feedback in the language combobox 🥰
1
2
101
