Javascript is disabled error for autocomplete fields in Safari 26.5
>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3592723. --> Reported by: [rkoller](https://www.drupal.org/user/3217695) >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>I ran into that issue before, but it was always around the time the issue queue / d.o was down so I never taken a closer look. But it happened again when pasting an issue into the "parent issue link" autocomplete field and the error message implies that javascript is disabled in my browser but javascript is enabled: </p> <p><a href="https://www.drupal.org/files/issues/2026-05-29/javascript_enabled.jpg" title="a node edit form for creating an issue for the usability meeting in the background on d.o with an ajax error dialog in the forefront stating javascript is disabled in the users browser while the security settings window of safari is shown next to it illustrating that javascript is enabled"></a></p> <pre>An AJAX HTTP error occurred.<br>HTTP Result Code: 200<br>Debugging information follows.<br>Path: https://www.drupal.org/index.php?q=taxonomy/autocomplete/taxonomy_vocabulary_9<br>StatusText:<br>ResponseText:<br>Client Challenge<br>#loading-error {<br>font-size: 16px;<br>font-family: 'Inter', sans-serif;<br>margin-top: 10px;<br>margin-left: 10px;<br>display: none;<br>}<br>JavaScript is disabled in your browser.<br>Please enable JavaScript to proceed.<br>A required part of this site couldn't load. This may be due to a browser<br>extension, network issues, or browser settings. Please check your<br>connection, disable any ad blockers, or try using a different browser.<br>function loadScript(src) {<br>return new Promise((resolve, reject) =&gt; {<br>const script = document.createElement('script');<br>script.onload = resolve;<br>script.onerror = (event) =&gt; {<br>console.error('Script load error event:', event);<br>document.getElementById('loading-error').style.display = 'block';<br>reject(<br>new Error(<br>`Failed to load script: ${src}, Please contact the service administrator.`<br>)<br>);<br>};<br>script.src = src;<br>document.body.appendChild(script);<br>});<br>}<br>loadScript('/_fs-ch-1T1wmsGaOgGaSxcX/errors.js')<br>.then(() =&gt; {<br>const script = document.createElement('script');<br>script.src = '/_fs-ch-1T1wmsGaOgGaSxcX/script.js?reload=true';<br>script.onerror = (event) =&gt; {<br>console.error('Script load error event:', event);<br>const errorMsg = new Error(<br>`Failed to load script: ${script.src}. Please contact the service administrator.`<br>);<br>console.error(errorMsg);<br>handleScriptError();<br>};<br>document.body.appendChild(script);<br>})<br>.catch((error) =&gt; {<br>console.error(error);<br>});</pre><p>the browser i run into the error is Safari 26.5. Per the suggestion of @fjgarlin on the #drupal-infrastructure channel i've now tested in the latest firefox developer edition and microsoft edge. in both browsers i was unable to reproduce. </p> <p>@znerol added another relevant thought:<br> </p><blockquote>The important keyword here is "client challenge". The request might have been blocked by fastly.</blockquote> <p>The other detail to note locally I have a Pihole running, but i'Ve checked the query logs and nothing in relation to d.o was listed nor blocked. </p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <p>As I've said so far I only ran into the issue in the context of Safari. And I suppose the issue was more likely to happen if i pasted the link into the "parent issue link" soon and continued filling out the rest of the issue. there error hasnt turned up immediately on paste. as the steps to reproduce illustrate i am not even sure how to reliably reproduce the error. </p> <p>p.s. also not sure what the appropriate component for this issue would be. i went with other, please change to the correct one. </p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <h3 id="summary-ui-changes">User interface changes</h3> <h3 id="summary-api-changes">API changes</h3> <h3 id="summary-data-model-changes">Data model changes</h3>
issue