Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

🐛 [Bug report]: Hovering over the trending plays is not working properly when trying to select it from the bottom #1480

Closed
4 tasks done
Mouh1b opened this issue Mar 23, 2024 · 5 comments
Closed
4 tasks done

🐛 [Bug report]: Hovering over the trending plays is not working properly when trying to select it from the bottom #1480

Mouh1b opened this issue Mar 23, 2024 · 5 comments
Assignees
@saifscripts
Labels
💻 aspect: code Concerns the software code in the repository bug Something isn't working 🛠 goal: fix Bug fix 🏁 status: ready for dev Ready for work

Comments

@Mouh1b
Copy link

Mouh1b commented Mar 23, 2024

Descrcibe the bug?

i can not select the trending plays box until I reach the middle of the box content when I try to select it from the bottom

Steps to reproduce the bug?

1.go exactly bellow the trending plays field.
2.try selecting one of the examples while dragging the mouse slowly to it .
3.you'll find that you can't select it until your mouse go past the middle of the box.

Expected behavior

the on-hover action must activate as soon as I hover my mouse anywhere inside the box in the Trending Plays field

Desktop (Please provide your system information)

OS: windows 10
Browser: Opera
Version: the current active one

Mobile (Please provide your device information)

No response

Screenshot / Screenshare

No response

Relevant log output

No response

Record

Code of Conduct

  • I agree to follow this project's Code of Conduct
@Mouh1b Mouh1b added bug Something isn't working 💻 aspect: code Concerns the software code in the repository 🚦status: awaiting triage Has not been triaged & therefore, not ready for work 🛠 goal: fix Bug fix labels Mar 23, 2024
@github-actions GitHub Actions
Copy link

To reduce notifications, issues are locked. Your issue will be unlocked when we add the label 🏁 status: ready for dev.

@github-actions github-actions bot locked and limited conversation to collaborators Mar 23, 2024
@reactplay reactplay unlocked this conversation Mar 26, 2024
@Karansgithub
Copy link

Hi @priyankarpal ,
I would like to work on it, can you assign me?

@priyankarpal priyankarpal added 🏁 status: ready for dev Ready for work and removed 🚦status: awaiting triage Has not been triaged & therefore, not ready for work labels Mar 30, 2024
@priyankarpal
Copy link
Member

Descrcibe the bug?

i can not select the trending plays box until I reach the middle of the box content when I try to select it from the bottom

Steps to reproduce the bug?

1.go exactly bellow the trending plays field. 2.try selecting one of the examples while dragging the mouse slowly to it . 3.you'll find that you can't select it until your mouse go past the middle of the box.

Expected behavior

the on-hover action must activate as soon as I hover my mouse anywhere inside the box in the Trending Plays field

Desktop (Please provide your system information)

OS: windows 10 Browser: Opera Version: the current active one

Mobile (Please provide your device information)

No response

Screenshot / Screenshare

No response

Relevant log output

No response

Record

Code of Conduct

  • I agree to follow this project's Code of Conduct

got the error. do you want to work on this issue @Mouh1b ?

saifscripts added a commit to saifscripts/react-play that referenced this issue Apr 3, 2024
@saifscripts
fix(common): fix hover behavior in trending plays
27c4ea6 
Add 'position: relative' to .play-card-container class.

Previously, hovering over the Trending Plays cards didn't 
activate the on-hover action until the cursor passed the 
middle of the box. This was due to the positioning of the 
.play-card-container class. This commit adds 'position: relative' 
to the .play-card-container class, ensuring immediate 
activation of the on-hover action anywhere inside the box 
in the Trending Plays cards.

Issue: reactplay#1480
@saifscripts
Copy link
Contributor

Hi @priyankarpal I've figured out that this was due to the positioning of the .play-card-container class. Adding 'position: relative' to the .play-card-container class ensures immediate activation of the on-hover action anywhere inside the box in the Trending Plays card.

I want to make a PR if no one is assigned already.

@priyankarpal
Copy link
Member

Hi @priyankarpal I've figured out that this was due to the positioning of the .play-card-container class. Adding 'position: relative' to the .play-card-container class ensures immediate activation of the on-hover action anywhere inside the box in the Trending Plays card.

I want to make a PR if no one is assigned already.

sure feel free to raise the pr

@saifscripts saifscripts mentioned this issue Apr 4, 2024
Merged
11 tasks
priyankarpal pushed a commit that referenced this issue Apr 5, 2024
@saifscripts
fix(common): fix hover behavior in trending plays (#1487)
80144b3 
Add 'position: relative' to .play-card-container class.

Previously, hovering over the Trending Plays cards didn't 
activate the on-hover action until the cursor passed the 
middle of the box. This was due to the positioning of the 
.play-card-container class. This commit adds 'position: relative' 
to the .play-card-container class, ensuring immediate 
activation of the on-hover action anywhere inside the box 
in the Trending Plays cards.

Issue: #1480
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@saifscripts saifscripts

Labels
💻 aspect: code Concerns the software code in the repository bug Something isn't working 🛠 goal: fix Bug fix 🏁 status: ready for dev Ready for work
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@priyankarpal @saifscripts @Karansgithub @Mouh1b