Uploaded image for project: 'Floe'
  1. Floe
  2. FLOE-574

disclosure widgets (details elements) do not display the arrow indicator in Firefox

    XMLWordPrintable

Details

    • Task
    • Status: Closed
    • Major
    • Resolution: Fixed
    • FLOE Website
    • None
    • FF 70.0.1 (macOS 10.15.1)

    Description

      The disclosure widgets are made using the details element. However, in Firefox the arrow indicator is not displayed. This makes it look like there is no additional details other than the summary that is always displayed. 

      It seems that this is caused by the normalize v4.1.1 (source through the infusion package) which is setting the display type of the summary element to display: block. It should be display: list-item which is properly set in the latest normalize (currently v8.0.1).

       

      Steps to reproduce:

      1. Navigate to a page that uses the details element 
        1. e.g. https://floeproject.org/news/2018-08-30-Cities-Co-Design.html (details element used for the image caption)
      2. Notice that the arrow indicator is not rendered, but if you click on the summary the details expand.

      Attachments

        1. Chrome_details_closed.png
          309 kB
          Justin Obara
        2. Chrome_details_open.png
          530 kB
          Justin Obara
        3. FF_details_closed.png
          301 kB
          Justin Obara
        4. FF_details_open.png
          415 kB
          Justin Obara

        Activity

          People

            Unassigned Unassigned
            jobara Justin Obara
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: