www.gotquestions.org search box and floating buttons broken

[Stargate38]

Please always mention the name/domain of the website in question in your topic title.

Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:

1) Clear any current output
2) Navigate or refresh the page in question
3) Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.

Code: Select all

Nothing came up in the console.

If you try to search for someone/something (i.e. Noah) on GotQuestions, the search box will let you type, but hitting Enter (or clicking on the Search button) doesn't do anything at all. Console is empty, no errors. Also the three buttons that float at the bottom of the screen (Chat, Share, Settings) won't work either, and the Chat button looks messed up (graphic is too small). Works fine in Chrome.

[vannilla]

From what I could gather, it adds an event listener for the click event on the whole document, then tries to dispatch it to the appropriate element like the search button and whatnot. This is similar to what jQuery does, but jQuery is being loaded to power the search autocomplete so I'm not sure why they're duplicating the behaviour here.
I don't know why it doesn't work on Pale Moon, I'd need more research time but my guess is that it fails to find the element and thus fails "successfully" that is, with no error message.

[Moonchild]

The issue is that there is no submission action.
They used <button> with a type=submit but that doesn't do anything. What they want in a form is either a <button> that has JS attached to submit the form, OR use the HTML standard <input> with type=submit to submit the search form. You can't mix&match those at will.
Maybe the webmaster needs to refresh their knowledge of forms. May I suggest https://www.w3schools.com/html/html_forms.asp

[suzyne]

The issue is that there is no submission action.
They used <button> with a type=submit but that doesn't do anything. What they want in a form is either a <button> that has JS attached to submit the form, OR use the HTML standard <input> with type=submit to submit the search form. You can't mix&match those at will.
Maybe the webmaster needs to refresh their knowledge of forms. May I suggest https://www.w3schools.com/html/html_forms.asp

When I read a straightforward explanation like this, it really helps me understand that when a browser breaks the rules of HTML and allows wrongly coded pages to continue working, it is not good for the long-term enforcement of standards and doesn't encourage good practices. Another case where if only they did their development in Pale Moon, the internet would be a better place!

[vannilla]

They used <button> with a type=submit but that doesn't do anything.

That's weird, recently I've written a form with <button type="submit"> and Pale Moon submits it.

Code: Select all

<form action="/destination">
  <input type="text" name="input">
  <button type="submit">Submit</button>
</form>

Works on my machine.

[Moonchild]

Yeah never mind, my mistake. <button type=submit> is a stand-in for <input type=submit> and does the same thing if embedded in a <form>. Apologies. I guess my mind still likes to default to html4.

Their form is:

Code: Select all

<form accept-charset="UTF-8" action="//www.gotquestions.org/search-results.html" method="get" class="gq-autocomplete-form searchForm">
  <input class="gq-autocomplete header searchbarInputNav" name="q" id="gq-autocomplete1" oninput="autoComplete(this.value,1,1, event)" list="responseList1" autocomplete="off" placeholder="Search" type="text">
  <datalist id="responseList1"></datalist>
  <button type="submit"><svg [...]></svg></button>
</form>

I'm not entirely sure what the issue is, then, off the top of my head, unless a schemeless URL for "action" might be the problem? Shouldn't be, though...
Maybe if I'd not try to do this very late at night might also work better XD

[andyprough]

I never use the Gotquestions search box because it just gives a google search result, which I don't want. I search in duckduckgo for "gotquestions arianism" or "gotquestions sola scriptura" or whatnot. Takes me right to the page I want every time.

As far as the search box not working on Pale Moon, a limited drop-down search will work in the search box in the middle of the page on the Bible Questions page here (which does not use google search): https://www.gotquestions.org/Bible-Questions.html

[adoxa]

That search does use Google; there's also the direct search page: https://www.gotquestions.org/search.html

The right-side floating buttons worked for me; I think the chat and search buttons don't work due to being part of custom elements. The wrong chat button image is due to missing CSS aspect-ratio (I did create a Modify HTTP Response filter to address it, but hardly seems worth posting).