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.

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

Progress bar hover bug #2964

Closed
kokororin opened this issue Jan 3, 2016 · 3 comments · Fixed by #4859
Closed

Progress bar hover bug #2964

kokororin opened this issue Jan 3, 2016 · 3 comments · Fixed by #4859

Comments

@kokororin
Copy link

When there is a 'word-break:all' in my style, the progress bar hover will also work breaked.
like this:
3d6024a0-c141-476f-b9d0-fec1bcf1d039
To solve the problem,I added word-break: normal!important;in video-js.css
code like this:

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  word-break: normal!important; }
@gkatsev
Copy link
Member

gkatsev commented Jan 3, 2018

We should reset word-break inside of the video-js element. Specifically, we should set it to word-break: initial;.

@rishabh92
Copy link
Contributor

rishabh92 commented Jan 3, 2018

Can i take this one?

@gkatsev
Copy link
Member

gkatsev commented Jan 3, 2018

@rishabh92 you got it!

@github-actions github-actions bot locked as resolved and limited conversation to collaborators May 26, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants