Unable to select multiple checkboxes

Created on 2 March 2024, 10 months ago

Problem/Motivation

Unable to select multiple checkboxes or unselect the selected one.

when i select an option, all options will disabled. i can't check and uncheck anything.
facet block element is not replaced with the new html and everything remains disabled

Steps to reproduce

Create facet
Put facet block

🐛 Bug report
Status

Active

Version

2.0

Component

Code

Created by

🇮🇹Italy trickfun

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

Comments & Activities

  • Issue created by @trickfun
  • 🇮🇹Italy trickfun

    Other informations.
    With original facet block i get this response in facets-block-ajax.js

    {
    	"0": {
    		"command": "insert",
    		"method": "replaceWith",
    		"selector": "#block-customer-frontend-subcategory",
    		"data": "<div class=\"facet-active block-facets-ajax js-facet-block-id-customer_frontend_subcategory contextual-region block-facet--checkbox block facet-blocksubcategory\" id=\"block-customer-frontend-subcategory--Cz5x7tbDpZY\">\n  \n      <h2>Subcategory</h2>\n    <div data-contextual-id=\"block:block=customer_frontend_subcategory:langcode=en|facets_facet:facets_facet=subcategory:langcode=en\" data-contextual-token=\"lDeSxjjQxF-0NrKmAEFSa7e2Y_jRbwXGzhryBzg3r5I\" data-drupal-ajax-container=\"\"></div>\n      <div class=\"facets-widget-checkbox\">\n      <ul data-drupal-facet-id=\"subcategory\" data-drupal-facet-alias=\"subcategory\" class=\"facet-active js-facets-checkbox-links item-list__checkbox\"><li class=\"facet-item\"><a href=\"/chairs-stools-design\" rel=\"nofollow\" class=\"is-active\" data-drupal-facet-item-id=\"subcategory-362\" data-drupal-facet-item-value=\"362\" data-drupal-facet-item-count=\"20\">  <span class=\"facet-item__status js-facet-deactivate\">(-)</span>\n<span class=\"facet-item__value\">accessory</span>\n</a></li><li class=\"facet-item\"><a href=\"/chairs-stools-design?f%5B0%5D=subcategory%3A181&amp;f%5B1%5D=subcategory%3A362\" rel=\"nofollow\" data-drupal-facet-item-id=\"subcategory-181\" data-drupal-facet-item-value=\"181\" data-drupal-facet-item-count=\"68\"><span class=\"facet-item__value\">chairs</span>\n</a></li><li class=\"facet-item\"><a href=\"/chairs-stools-design?f%5B0%5D=subcategory%3A362&amp;f%5B1%5D=subcategory%3A366\" rel=\"nofollow\" data-drupal-facet-item-id=\"subcategory-366\" data-drupal-facet-item-value=\"366\" data-drupal-facet-item-count=\"12\"><span class=\"facet-item__value\">conference chairs</span>\n</a></li><li class=\"facet-item\"><a href=\"/chairs-stools-design?f%5B0%5D=subcategory%3A186&amp;f%5B1%5D=subcategory%3A362\" rel=\"nofollow\" data-drupal-facet-item-id=\"subcategory-186\" data-drupal-facet-item-value=\"186\" data-drupal-facet-item-count=\"13\"><span class=\"facet-item__value\">office chairs</span>\n</a></li><li class=\"facet-item\"><a href=\"/chairs-stools-design?f%5B0%5D=subcategory%3A192&amp;f%5B1%5D=subcategory%3A362\" rel=\"nofollow\" data-drupal-facet-item-id=\"subcategory-192\" data-drupal-facet-item-value=\"192\" data-drupal-facet-item-count=\"19\"><span class=\"facet-item__value\">stools and benches</span>\n</a></li><li class=\"facet-item\"><a href=\"/chairs-stools-design?f%5B0%5D=subcategory%3A362&amp;f%5B1%5D=subcategory%3A364\" rel=\"nofollow\" data-drupal-facet-item-id=\"subcategory-364\" data-drupal-facet-item-value=\"364\" data-drupal-facet-item-count=\"19\"><span class=\"facet-item__value\">upholstered chairs</span>\n</a></li></ul>\n</div>\n\n  </div>\n",
    		"settings": null
    	}
    }

    with facet block module i haven't this response.
    no "replaceWith" are applied to facet so the are disabled.
    thank you

  • 🇮🇹Italy trickfun

    Any news here? module is unusable.
    Thank you

  • 🇫🇷France fwust Strasbourg

    I had the same problem with AJAX enabled on a Drupal 10.3.
    The issue is caused by the Facets module and its wobbly ajax handling.
    I applied the patches listed in the comment here https://www.drupal.org/project/facets/issues/3052574#comment-15735066 🐛 Facets with AJAX not working in most of situations Needs review and it ended up working fine.

Production build 0.71.5 2024