gajus / gajus/swing

Video cards pausing on click (after first in stack)

Open
#92 0 comments 3 reactions 0 assignees View on GitHub
question
Dominant language
JavaScript
Stars
2.6k
Forks
246
PR merge metrics
No merged PRs in 30d

Description

@gajus - let me just start out by saying thanks for opensourcing this awesome work!

I'd really like to use swing in an upcoming project, but have run into a bit of a wall getting videos to work exactly as I want. I've put together a gist you can find here - https://gist.github.com/reidblomquist/0baa89bcf09c38de4ecaa2b9b4d6e3ab you should be able to clone that down and just run with python -m SimpleHTTPServer 9001 or some such.

Desired outcome: You can click on videos to mute/unmute (basic function to test more enhanced click-enabled functionality). Throwing cards out of stack will pause and mute that card's video, playing the next (muted) inline video.

Actual outcome: Everything works fine on top card, cards further down in stack pause when clicked.

In digging in - it seems like dragstart is called, then the media is paused - and a click event is never fired on these further down cards until after the initial mousedown/dragstart/pause event chain. Wondering if you might be able to point me in the right direction as to where to look to attempt to resolve this. Cheers!

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the linked gist and run it using the suggested Python HTTP server to reproduce the interaction. Trace the mousedown/dragstart and click behavior for cards below the top card. Done means clicking those videos can mute or unmute them, while throwing a card out pauses and mutes it and the next muted inline video plays.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.