argyleink / argyleink/gui-challenges

Game menu

Open
#202 2 comments 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.