CouncilDataProject / CouncilDataProject/cdp-frontend

`details`' disclosure triangle is not shown on Safari

Open
#230 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
17
Forks
28
PR merge metrics
No merged PRs in 30d

Description

### Describe the Bug

_A clear and concise description of what the bug is._

### Reproduction
Visit a person's page (where [`details`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details) are used)
![image](https://user-images.githubusercontent.com/37560480/173404079-ebb4eb1b-0b86-4aeb-b0d7-29108d68d387.png)

### Expected Behavior

_A clear and concise description of what you expected to happen._
The disclosure triangle should appear like so:
![image](https://user-images.githubusercontent.com/37560480/173404337-9007538f-3a80-41fa-9109-e2cd0818d4cb.png)

Fix the bug in the [Details component](https://github.com/CouncilDataProject/cdp-frontend/blob/main/src/components/Shared/Details.tsx#L31). And possibly for the [DocumentList](https://github.com/CouncilDataProject/cdp-frontend/blob/main/src/components/Details/MinutesItemsList/DocumentsList.tsx#L40) too, if it's changed to use the disclosure traingle instead of the `+/-`.

### Environment

_Any additional information about your environment._

- Browser Version: Safari 15.5

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.