Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
In Internet Explorer, collapsible filters default to open, and it's impossible to close them.
It looks like the "open" attribute is supposed to be applied to the "details" element in order to expand it. However, the "details" element and the "open" attribute don't appear to be supported in IE or Edge:
https://caniuse.com/#search=details
https://www.w3schools.com/tags/tag_details.asp
https://www.w3schools.com/tags/att_open.asp
Comment | File | Size | Author |
---|---|---|---|
#3 | collapsible-filters-ie-2942120-3.interdiff.txt | 1.51 KB | s_leu |
#3 | collapsible-filters-ie-2942120-3.patch | 751 bytes | s_leu |
Comments
Comment #2
s_leu CreditAttribution: s_leu at Station commentedStumbled upon this one as well. As mentioned in the original report, the problem is that details elements aren't supported in IE11 and above: https://caniuse.com/#search=details .
Drupal core works around this using its collapse.js, so the containing library needs to be added to the details elements.
Here's a patch for this:
Comment #3
s_leu CreditAttribution: s_leu at Station commentedLooking at this a little closer revealed that there's more details elements that break on IE, thus here a new patch that should fix those details elements as well:
Comment #4
johnwebdev CreditAttribution: johnwebdev commentedThe provided patch does not solve the issue for me.
Comment #5
strawman CreditAttribution: strawman commentedThis also did not resolve the issue.
Tested currently in Edge.
Drupal core 8.5.6
Better Exposed Filters 8.x-3.0-alpha4
Will upgrade to Drupal core 8.6.1 to test that variation but its not looking good.
Comment #6
jastraat CreditAttribution: jastraat at Technivant commentedI believe this issue is related to #2792593: Details HTML element does not work without .details-wrapper. You can fix this problem by including a custom details.html.twig file in your theme that contains a div with the details-wrapper class as used in the core classy theme and demonstrated in that ticket.
Comment #7
Neslee Canil PintoWe are trying to deprecate 8.x-3.x, can you please check whether this still exists in 8.x-4.x/8.x-5.x branch.