Error: An invalid form control is not focusable

Created on 28 April 2025, 2 months ago

I don't know if the issue is related to a recently made upgraded from D10 to D11. Before the upgrade, a view with BEF (3 taxonomy terms as filters, displayed as links) worked flawlessly. Now, in D11, when entering BEF settings and then pressing apply button without having done any changes, results in this error in console:

jquery.min.js?v=4.0.0-beta.2:2
An invalid form control with name='exposed_form_options[text_input_required][format]' is not focusable. <select class=​"js-filter-list form-element--extrasmall form-element--editor-format form-select required form-element form-element--type-select" data-drupal-selector=​"edit-exposed-form-options-text-input-required-format" id=​"edit-exposed-form-options-text-input-required-format--ZvA10zhOt_E" name=​"exposed_form_options[text_input_required]​[format]​" required=​"required" aria-required=​"true">​…​</select>​
trigger @ jquery.min.js?v=4.0.0-beta.2:2
(anonymous) @ jquery.min.js?v=4.0.0-beta.2:2
each @ jquery.min.js?v=4.0.0-beta.2:2
each @ jquery.min.js?v=4.0.0-beta.2:2
trigger @ jquery.min.js?v=4.0.0-beta.2:2
click @ dialog.ajax.js?v=11.1.6:115
(anonymous) @ dialog.js:527
dispatch @ jquery.min.js?v=4.0.0-beta.2:2
v.handle @ jquery.min.js?v=4.0.0-beta.2:2
🐛 Bug report
Status

Active

Version

7.0

Component

Code

Created by

🇩🇪Germany adam1

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @adam1
  • 🇩🇪Germany adam1

    Additional finding: if I create a new BEF view from scratch, after pressing apply button actually saves the settings, but non the less throws below error message. This behavior already happened in D10, but I ignored it because the filters worked great.

    /de/admin/structure/views/ajax/display/testkatalog/page_1/exposed_form?_wrapper_format=drupal_ajax&ajax_form=1&_wrapper_format=drupal_ajax:1
    Failed to load resource: the server responded with a status of 500 ()
    ajax.js?v=11.1.6:1219 Uncaught Drupal.AjaxErrormessage: "\nEin AJAX-HTTP-Fehler ist aufgetreten.\nHTTP-Rückgabe-Code: 500\nDebugging information follows.\nPath: /de/admin/structure/views/ajax/display/testkatalog/page_1/exposed_form?_wrapper_format=drupal_ajax&ajax_form=1\nStatustext: error\nAntworttext: Auf der Website ist ein unerwarteter Fehler aufgetreten. Versuchen Sie es später noch einmal.Symfony\\Component\\HttpKernel\\Exception\\HttpException: The specified #ajax callback is empty or not callable. in Drupal\\Core\\Form\\FormAjaxResponseBuilder-&gt;buildResponse() (line 67 of core/lib/Drupal/Core/Form/FormAjaxResponseBuilder.php). Drupal\\Core\\Form\\EventSubscriber\\FormAjaxSubscriber-&gt;onException() (Line: 246)\nSymfony\\Component\\EventDispatcher\\EventDispatcher::Symfony\\Component\\EventDispatcher\\{closure}() (Line: 206)\nSymfony\\Component\\EventDispatcher\\EventDispatcher-&gt;callListeners() (Line: 56)\nSymfony\\Component\\EventDispatcher\\EventDispatcher-&gt;dispatch() (Line: 241)\nSymfony\\Component\\HttpKernel\\HttpKernel-&gt;handleThrowable() (Line: 91)\nSymfony\\Component\\HttpKernel\\HttpKernel-&gt;handle() (Line: 53)\nDrupal\\Core\\StackMiddleware\\Session-&gt;handle() (Line: 48)\nDrupal\\Core\\StackMiddleware\\KernelPreHandle-&gt;handle() (Line: 28)\nDrupal\\Core\\StackMiddleware\\ContentLength-&gt;handle() (Line: 32)\nDrupal\\big_pipe\\StackMiddleware\\ContentLength-&gt;handle() (Line: 116)\nDrupal\\page_cache\\StackMiddleware\\PageCache-&gt;pass() (Line: 90)\nDrupal\\page_cache\\StackMiddleware\\PageCache-&gt;handle() (Line: 48)\nDrupal\\Core\\StackMiddleware\\ReverseProxyMiddleware-&gt;handle() (Line: 51)\nDrupal\\Core\\StackMiddleware\\NegotiationMiddleware-&gt;handle() (Line: 36)\nDrupal\\Core\\StackMiddleware\\AjaxPageState-&gt;handle() (Line: 51)\nDrupal\\Core\\StackMiddleware\\StackedHttpKernel-&gt;handle() (Line: 709)\nDrupal\\Core\\DrupalKernel-&gt;handle() (Line: 19)\n"name: "AjaxError"stack: "Error\n    at https://mysite.local/core/misc/ajax.js?v=11.1.6:196:32\n    at https://mysite.local/core/misc/ajax.js?v=11.1.6:1926:3"[[Prototype]]: Error
        at https://mysite.local/core/misc/ajax.js?v=11.1.6:196:32
        at https://mysite.local/core/misc/ajax.js?v=11.1.6:1926:3
    
  • 🇺🇸United States smustgrave

    Can you use the issue summary template please, specifically the steps to reproduce.

Production build 0.71.5 2024