Revise the default SwapController target to the more common '#listing-results'

client/src/controllers/SwapController.test.js

@@ -43,7 +43,7 @@ describe('SwapController', () => {
       expect(handleError).not.toHaveBeenCalled();
 
       document.body.innerHTML = `
-      <div id="results"></div>
+      <div id="listing-results"></div>
       <input
         id="search"
         type="text"
@@ -66,7 +66,7 @@ describe('SwapController', () => {
       expect(handleError).not.toHaveBeenCalled();
 
       document.body.innerHTML = `
-      <div id="results"></div>
+      <div id="listing-results"></div>
       <input
         id="search"
         type="text"
@@ -112,7 +112,7 @@ describe('SwapController', () => {
     });
   });
 
-  describe('fallback on window.headerSearch values if not in HTML', () => {
+  describe('fallback on window.headerSearch values if not in HTML (RemovedInWagtail60)', () => {
     it('should set the src & target value from the window.headerSearch if not present', async () => {
       window.headerSearch = {
         termInput: '#search',

client/src/controllers/SwapController.ts

@@ -48,7 +48,7 @@ const getGlobalHeaderSearchOptions = (): {
  *    data-controller="w-swap"
  *    data-action="input->w-swap#searchLazy"
  *    data-w-swap-src-value="path/to/search"
- *    data-w-swap-target-value="#results"
+ *    data-w-swap-target-value="#listing-results"
  *  />
  *
  */
@@ -63,7 +63,7 @@ export class SwapController extends Controller<
     icon: { default: '', type: String },
     loading: { default: false, type: Boolean },
     src: { default: '', type: String },
-    target: { default: '#results', type: String },
+    target: { default: '#listing-results', type: String },
     wait: { default: 200, type: Number },
   };