GamerKingFaiz / shouldiplay

Web app that combines data from HowLongToBeat and OpenCritic.
https://shouldiplaythis.com
MIT License
48 stars 4 forks source link

Tabbing shifts game cover image down #6

Open GamerKingFaiz opened 2 years ago

GamerKingFaiz commented 2 years ago

Tab through the site and game covers shift down.

Example video showing the problem:

https://user-images.githubusercontent.com/9065136/148313637-e485e83d-0602-4943-b462-b237821ee266.mp4

GamerKingFaiz commented 2 years ago

This seems to be happening because the CircularProgressbar (inside GameRating.js) is normally a full circle. I've modified it to be a semi-circle, but the size of its actual div is the size of the full circle. When you tab onto this component it pushes the entire div into the card.