Comments (4)
I like the idea to just straight up switch to mouse down. If Tim does it, we do it #macOS
from headlessui.
Hey! Thank you for your suggestion!
Much appreciated! 🙏
I think that an option to control it is not a good idea, I prefer consistency. That said, I think we might want to switch to just mouse down instead of a full click everywhere.
We made some decisions based on macOS behaviour (for example, Menu & Listbox options don't wrap around).
When I look at the native Menu
on mac, or a native <select>
html element, these also disappear on mouse down instead of a full click.
When you look at inputs, they also loose focus when you mouse down outside of the element.
@adamwathan what do you think of switching from a full click to just a mouse down for this outside click behaviour?
from headlessui.
TIM APPLE!
from headlessui.
This will be available in the next release.
- You can already try it using
npm install @headlessui/react@dev
oryarn add @headlessui/react@dev
. - You can already try it using
npm install @headlessui/vue@dev
oryarn add @headlessui/vue@dev
.
from headlessui.
Related Issues (20)
- [DOCS]: Listbox / Combobox anchor max height
- MenuItems State Not Updating Without Button Data in HeadlessUI v2 - Worked Fine in v1
- Dropdown Menu hides scrollbar and disables scrolling on open HOT 2
- [DOCS]: PopoverPanel `modal` incorrectly says default=true and makes others inert HOT 2
- Transition - current component <Transition.Child /> is rendering a "Fragment". HOT 2
- Button onClick is not triggered within Dialogs HOT 1
- Unable to click scrollbar of combobox options when being displayed inside a Dialog HOT 4
- Popover panel incorrectly closes when user tabs with keyboard HOT 1
- Scrolling with long content doesn't not work on iOS after outside click
- dispatch `ActionTypes.UpdateVirtualOptions` drops `disabled` function HOT 3
- Bump `@react-aria` versions to address missing source maps and console spam HOT 2
- `style` prop of `ComboboxOptions` is ignored HOT 6
- Headless v2 makes resizeObserver mandatory for testing HOT 2
- React Popover v2: render in a portal breaks use case HOT 5
- Accessibility: Keyboard focus with tab key is trapped within listbox HOT 1
- Tab panels can't be activated & focus trapped in Tab list while using Windows Narrator HOT 2
- __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED and React 19 RC HOT 1
- Bug Conditional className when using DisclosurePanel inside Transition HOT 2
- Vue ComboBox virtual API broken HOT 1
- Release #3263? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from headlessui.