argyleink / argyleink/gui-challenges
Game menu
- Dominant language
- HTML
- Stars
- 3k
- Forks
- 389
- PR merge metrics
- No merged PRs in 30d
Description
We can also add something like
```css
.menu-3d .button-set-3d > li:is(:hover, :focus-visible):not(:active) {
--menu-3d-distance: 3vmax;
}
.menu-3d .button-set-3d > li button:not(:active) {
transition-timing-function: var(--menu-3d-bounce-ease);
transition-duration: 0.4s;
}
```
to reduce glitch when button popus up and automatically loses focus)
When we move the mouse relatively slowly.
Mostly relates to top most and bottom most buttons)
Contributor guide
No contributing guide indexed for this repository
Research direction
Inspect the game menu's CSS implementation, focusing on the .menu-3d and .button-set-3d selectors and the topmost and bottommost buttons. Reproduce the glitch by moving the mouse slowly and observe focus changes; done means the button no longer pops up or loses focus unexpectedly.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100