Contrib.social

Details HTML element does not work without .details-wrapper

Open on Drupal.org →
Created on 30 August 2016, over 8 years ago
Updated 3 May 2024, 8 months ago

How to reproduce:

  1. Open any page with "details" HTML element on it (using Firefox 47.0), for example Performance page (/admin/config/development/performance)
  2. Click by headings: "Bandwidth optimization" or "Caching" or "Clear cache"
    • Expected result: Area below clicked heading should be collapsed
    • Current result: Nothing happend

Alternative way how to reproduce:

  1. Install Field Group module ( https://www.drupal.org/project/field_group → )
  2. Add new field group type "Details" to some node display (on Manage display page)
  3. Place to field group "Details" some fields
  4. Go to node display page using Firefox 47.0
  5. Click by added field group type "Details" title
    • Expected result: Area below clicked title should be collapsed
    • Current result: Nothing happend

Everything works fine if use Chrome browser.
This issue appears because:

  • Firefox not fully supported "details" HTML element: https://bugzilla.mozilla.org/show_bug.cgi?id=591737#c265
  • JS file /core/misc/collapse.js not correct handle this situation:
    • It not setup initial state (expanded/collapsed) for section inside details element
    • It try .toggle() CollapsibleDetails JS object instead of section inside details element

Firefox 49 released with support of https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

🐛 Bug report
Status

Closed: outdated

Version

11.0 🔥

Component
Markup  →

Last updated about 2 months ago

No maintainer
Created by

🇩🇪Germany Antonnavi Berlin

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

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • Comment almost 2 years ago →
    🇺🇸United States smustgrave

    This issue is being reviewed by the kind folks in Slack, #needs-review-queue-initiative. We are working to keep the size of Needs Review queue [2700+ issues] to around 400 (1 month or less), following Review a patch or merge request → as a guide.

    Following the steps to replicate this from the IS and I was not able to get the issue. Using the latest version of firefox and chrome.

    Are there additional steps or is this no longer an issue?

  • Status changed to Closed: outdated 8 months ago
  • Comment 8 months ago →
    🇺🇸United States bnjmnm Ann Arbor, MI

    When this issue was filed in 2016 the <details> element was not supported by all browsers, making a polyfill necessary. Drupal's polyfill implementation was likely failing in this case.

    As of 2020, all modern browsers natively support <details> and the polyfill has since been removed. It is unlikely this is still an issue, but even if it were it would no longer be something addressable within Drupal as this functionality is now fully native.

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024