Is there a way to create an “OK” button in a UXP dialog modal that behaves like the OK button in Photoshop so that when you hit return, the autofocus is on the “OK” button, such that hitting return is like clicking the “OK” button. I can set the “OK” button to autofocus in HTML, but if the user int…

You’d have to use the attribute “autofocus” and that’s it :slight_smile: if (idx === buttons.length - 1) btnEl.setAttribute("autofocus", "autofocus");

preventDefault() prevents the Dialog from closing when hitting return. Not sure that the “autofocus” solution works, though, since the initial autofocused element would blur if you clicked on some other element, like an input field, within the dialog window. So at that point, clicking return would…

[image] AnthonyK: preventDefault() prevents the Dialog from closing when hitting return. Yes, that’s the expected behavior. As the default is to call close("") (without any parameter) as kerry described, you don’t want that to be executed. Instead, you call close() yourself, in which u can t…

OK, that all worked. Thank you @simonhenke and @Pierre_G . For anyone following this thread, the following URL has more info on handling the close() value: HTMLDialogElement.returnValue - Web APIs | MDN This was all new to me.

One last question regarding the following: document.getElementById("buttonOK").setAttribute("autofocus", "autofocus"); Should the “autofocus” attribute be undone/disabled/removed once the Dialog is closed if the plugin uses multiple Dialogs that autofocus the “OK” button? HTML documents are only s…

This is frustrating. What I’m finding is that setting autofocus to the “OK” button and using a keyboard return for the “submit” event actually runs the submit event twice when I have the “OK” button set to type=“submit”. That sort of makes sense, I guess. However, if I remove remove the type=“su…

Issue seems to be solved by creating a dummy button and setting the JS to autofocus on it. <div style="width: 0px; overflow: hidden"><sp-button id="buttonHIDDEN" >Test</sp-button></div>

Autofocus the "OK" button like Photoshop

Photoshop

simonhenke April 17, 2021, 5:56pm 2

I’m not fully sure, but maybe what you’re describing is the same as this issue, for which Kerry posted a solution

Topic		Replies	Views
`autofocus` on Windows UXP Plugin API api-feedback	0	530	January 5, 2020
Putting the focus on a specific element in a modal dialog UXP Plugin API uxp , javascript	9	1815	February 27, 2024
"Enter" key on focused Submit button in modal on macOS UXP Plugin API dialog , ui , api-feedback	4	888	January 13, 2020
Clicking any button on any UXP panel inactivates keyboard shortcuts for tools and brush sizes Photoshop	37	2251	April 14, 2022
Issue with spacebar or enter key triggering buttons in UXP plugins UXP Plugin API	31	2216	March 18, 2021

Autofocus the "OK" button like Photoshop

Related topics