Stop focusing editor when clicking "run code snippet"

Question

When creating a post that has one or more code snippets and I click "Run code snippet" the page scrolls back to the post's textarea. Since the code snippets are normally at the end of posts, this means each time I test the code I need to manually scroll all the way back to where I was.

This does not happen when editing a post.

Running the code is a frequent action when ensuring that code is free of bugs and at a standard I find acceptable. The need to scroll back to the result of the run is a major interruption of my work flow.

I find this to be the single most annoying feature on Stack Exchange sites. Am I the only one that finds this feature annoying?

I request that this feature be removed, or that there be a way to prevent this from happening.

Answer 1

You can stop this in two ways. To get the code to run on all pages automatically you can convert these to userscript manager scripts.

1. Disable the onclick events on the preview.

   $(".wmd-preview").off("click")
   

2. Wrap the buttons' onclick events to stop propagation.

   $(".snippet button.s-btn, .snippet .popout-code")
       .each((_, e) => {
           const handlers = ($._data(e, "events").click ?? []).map(c => c.handler);
           $(e).off("click").on("click", (event, ...args) => {
               event.stopPropagation();
               handlers.forEach(h => h(event, ...args));
           });
       })