Search’s “next page” button fails to function on saved search results

To report a bug please complete the following form in as much detail as possible.

About the bug

Summary of the issue:

Search results emailed or pushed via the app that have results greater than 24 do not have functioning next (page) buttons. By hand editing the webpage to add &page=2 (or greater for larger search results) displays the next set of animals from the search.

Expected results:

The next page button would properly add &page=2 to the address and reload the new page

Actual results:

Buttons fail to do anything

Links to pages the bug is affecting:

All searches I get all show this issue. Here is a example search result:

When did you first notice it?:

Always present with new website and search function

Steps to reproduce the problem?:

Have a saved search done that produces results greater than one page (24)

Is this happening on the website, app or both?:

If its happening on the app, please tell us what version number you have installed:

Both

Additional notes:


About your device

iPhone, dell PCs running windows or Ubuntu. Typically Chrome as the browser, this has shown in all current versions for 6 months.

Device brand:

Device model:

Browser name:

Browser version:


Screenshots

Please add as many screenshots as possible that could help explain what you are experiencing.

I am happy to add anything else needed with any level of detail needed, pictures etc. but I think just clicking on the search result link above should show you the problem on any system.

Thanks!

Peter
emphasized text

2 Likes

Just to add a little to this, another search came through with more than 24 results, so I poked at it a little more.

If I follow correctly, the JavaScript that is being called to change the page is failing with an error on Line 4 of url.js Array is undefined and not iterable:

  1. Exception: TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) at https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:962319 at s (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:962381) at d (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:963453) at p (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:963642) at f (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:963873) at https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:2105565 at onPageChange (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:2105728) at onPageChange (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:1064611) at onChange (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:1065113) at P (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:218877) at onClick (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:219453) at Object.Ue (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:33940) at qe (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:34094) at https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:52272 at Nr (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:52366) at Pr (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:52780) at https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:58410 at Re (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:133686) at https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:54243 at Ar (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:54273) at Zt (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:42342) at Xt (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:41568) at t.unstable_runWithPriority (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:156816) at $a (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:62567) at Te (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:133426) at Kt (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:41361) at HTMLDivElement.r (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/sentry.911e51856df6.js:2:74091)

  2. message: “undefined is not iterable (cannot read property Symbol(Symbol.iterator))”

  3. stack: “TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))\n at https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:962319\n at s (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:962381)\n at d (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:963453)\n at p (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:963642)\n at f (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:963873)\n at https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:2105565\n at onPageChange (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:2105728)\n at onPageChange (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:1064611)\n at onChange (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:1065113)\n at P (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:218877)\n at onClick (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/bundle.78d5b035984c.js:75:219453)\n at Object.Ue (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:33940)\n at qe (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:34094)\n at https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:52272\n at Nr (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:52366)\n at Pr (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:52780)\n at https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:58410\n at Re (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:133686)\n at https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:54243\n at Ar (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:54273)\n at Zt (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:42342)\n at Xt (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:41568)\n at t.unstable_runWithPriority (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:156816)\n at $a (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:62567)\n at Te (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:133426)\n at Kt (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/core-react.e3ce5f47e5f3.js:2:41361)\n at HTMLDivElement.r (https://d20zyr0oabjxc2.cloudfront.net/static/react-app/build/sentry.911e51856df6.js:2:74091)”

  4. [[Prototype]]: Error

1. constructor: ƒ TypeError()

  1. length: 1
  2. name: "TypeError"
  3. prototype: Error {name: 'TypeError', message: '', constructor: ƒ}
  4. arguments: (...)
  5. caller: (...)
  6. [[Prototype]]: ƒ Error()

    1. stackTraceLimit: 50
    2. captureStackTrace: ƒ captureStackTrace()
    3. length: 1
    4. name: "Error"
    5. prototype: {name: 'Error', message: '', constructor: ƒ, toString: ƒ}
    6. arguments: (...)
    7. caller: (...)
    8. [[Prototype]]: ƒ ()
    9. [[Scopes]]: Scopes[0]

  7. [[Scopes]]: Scopes[0]

2. message: ""
3. name: "TypeError"
4. [[Prototype]]: Object
  1. this: undefined
  2. Array: undefined
2 Likes