Metadata
- Source
- FLOE-574
- Type
- Task
- Priority
- Major
- Status
- Closed
- Resolution
- Fixed
- Assignee
- N/A
- Reporter
- Justin Obara
- Created
2019-11-05T12:33:30.182-0500 - Updated
2020-01-28T18:35:03.627-0500 - Versions
- N/A
- Fixed Versions
- N/A
- Component
-
- FLOE Website
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:
- Navigate to a page that uses the details element
- e.g. https://floeproject.org/news/2018-08-30-Cities-Co-Design.html (details element used for the image caption)
- Notice that the arrow indicator is not rendered, but if you click on the summary the details expand.
Environments
FF 70.0.1 (macOS 10.15.1)
Attachments
Comments
-
Justin Obara commented
2019-11-05T12:37:46.841-0500 - Chrome_details_closed.png shows arrow indicator pointing right.
- Chrome_details_open.png shows arrow indicator pointing down.
- FF_details_closed.png shows arrow indicator missing when closed.
- FF_details_open.png shows arrow indicator missing when open.