fix(filmstrip): create a specific target for local video appending
Instead of targetting a div that contains multiple elements and risking the elements appearing out of order, create a specific div for local video to append to.
This commit is contained in:
parent
90070d9e9f
commit
4a90e6dc71
|
@ -22,7 +22,7 @@ function LocalVideo(VideoLayout, emitter) {
|
||||||
|
|
||||||
this.container = this.createContainer();
|
this.container = this.createContainer();
|
||||||
this.$container = $(this.container);
|
this.$container = $(this.container);
|
||||||
$('#filmstripLocalVideo').append(this.container);
|
$('#filmstripLocalVideoThumbnail').append(this.container);
|
||||||
|
|
||||||
this.localVideoId = null;
|
this.localVideoId = null;
|
||||||
this.bindHoverHandler();
|
this.bindHoverHandler();
|
||||||
|
|
|
@ -111,6 +111,7 @@ class Filmstrip extends Component<*> {
|
||||||
onMouseOut = { this._onMouseOut }
|
onMouseOut = { this._onMouseOut }
|
||||||
onMouseOver = { this._onMouseOver }>
|
onMouseOver = { this._onMouseOver }>
|
||||||
{ this.props.filmstripOnly ? null : <InviteButton /> }
|
{ this.props.filmstripOnly ? null : <InviteButton /> }
|
||||||
|
<div id = 'filmstripLocalVideoThumbnail' />
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
className = 'filmstrip__videos'
|
className = 'filmstrip__videos'
|
||||||
|
|
Loading…
Reference in New Issue