phundrak/nord-for-org
Archived
1
0
Fork 0
Code Issues Pull Requests Releases 4 Activity

Dropdowns won’t work on browsers based on webkit #9

New Issue
Closed
opened 2020-05-22 20:39:37 +02:00 by phundrak · 2 comments
phundrak commented 2020-05-22 20:39:37 +02:00
Owner
Copy Link
Copy Source

For some reasons, dropdowns don’t work on webkit-based browsers such as Safari or Surf. I suspect it is due to the :focus-within pseudo-class being badly handled by the engine. A fix for this could be to use a .hidden class in the elements that are to be hidden. This class could be removed on a list click, and added back when another click is detected on the document. The element could stay shown with the :focus pseudo-class on the drop-down.

For some reasons, dropdowns don’t work on webkit-based browsers such as Safari or Surf. I suspect it is due to the `:focus-within` pseudo-class being badly handled by the engine. A fix for this could be to use a `.hidden` class in the elements that are to be hidden. This class could be removed on a list click, and added back when another click is detected on the document. The element could stay shown with the `:focus` pseudo-class on the drop-down.
phundrak added the bug label 2020-05-22 20:39:37 +02:00
phundrak commented 2020-07-26 21:21:44 +02:00
Author
Owner
Copy Link
Copy Source

After much research, sweat, tears, and blood, I finally came across this blog post which finally gave me the key for fixing this god awful implementation of :focus-within that plagues WebKit. A commit should be pushed in the next few minutes to fix this awful bug.

After much research, sweat, tears, and blood, I finally came across [this blog post](https://www.kizu.ru/keyboard-only-focus/) which finally gave me the key for fixing this god awful implementation of `:focus-within` that plagues WebKit. A commit should be pushed in the next few minutes to fix this awful bug.
phundrak referenced this issue from a commit 2020-07-26 21:24:25 +02:00
Finally fix issue #9
phundrak commented 2020-07-26 21:44:24 +02:00
Author
Owner
Copy Link
Copy Source

Fixed in commit 272bd93ed8. Closing.

Fixed in commit 272bd93ed8. Closing.
This repo is archived. You cannot comment on issues.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 good first issue
Easy to fix issues
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 wontfix
This won't be fixed
No labels bug
Milestone
No items
No Milestone
Assignees
Clear assignees
phundrak (Lucien Cartier-Tilet)
No Assignees
1 Participants
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: phundrak/nord-for-org#9