Libera-Chat / Libera-Chat/libera-chat.github.io
Safari shows double arrows in nav menu
Open
Nobody has claimed this yet.
Area: Jekyll
Type: Bug
- Dominant language
- CSS
- Stars
- 567
- Forks
- 140
- PR merge metrics
- No merged PRs in 30d
Description
Because we're using <details>, we're running into two things:
- WebKit adds a pseudo-element
-webkit-details-markerthat doubles the arrows, and removing it leads to: - this WebKit bug where
<summary>can't be a flex container, and it breaks the alignment.
Not sure if we want to wait until Safari releases a version that fixes it, or switch to a standard <nav>/<ul> structure for the menu.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the navigation menu in Safari and inspect its
and behavior, including the -webkit-details-marker and flex alignment. Review the linked WebKit bug before choosing between retaining the current structure and switching to /
behavior, including the -webkit-details-marker and flex alignment. Review the linked WebKit bug before choosing between retaining the current structure and switching to /; the work is done when the menu has a single arrow and aligned contents in Safari.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100