Prevent focus on press of a button

[ritz078]

Provide a general summary of the feature here

I am developing a rich text editor. When text is selected and a formatting button in the toolbar is clicked, the mobile keyboard closes because the focus shifts to the button. To prevent this, I tried adding event.preventDefault() to onMouseDown, but this doesn't work because usePress employs various other events to change focus, making onMouseDown inaccessible.

It will be great to have a prop named preventFocusOnPress if we cannot have onMouseDown

🤔 Expected Behavior?

There should be a way to prevent focus on buttons.

😯 Current Behavior

There is no way to prevent focus on click of a button

💁 Possible Solution

No response

🔦 Context

In text editors, even when you click a button, the focus should not shift from the main textbox but there is no way to do that in the current button hooks.

💻 Examples

No response

🧢 Your Company/Team

PSPDFKit

🕷 Tracking Issue

No response

[LFDanLu]

We actually have preventFocusOnPress in useButton already but it is undocumented since it was more for specific use cases (calendar cells, combobox button, etc) and we didn't want it to be misused. I can bring it up with the team to see if we want to pivot on that and expose it fully.

[LFDanLu]

Talked with the team, we are ok with exposing it as public api, will need to document it and mention that it should only be used in particular use cases.

[ritz078]

This is great. Thank you for taking the time and coming up with a solution this fast.