autohideBehavior and interactiveDeactivationMode doesn't seem to work in some conditions

Topics: HTML5 web, Windows 8 JavaScript
Jan 20, 2014 at 3:06 PM
Edited Jan 20, 2014 at 3:08 PM
I set the autohideBehavior and interactiveDeactivationMode both to 3 ("All") and it seems after interacting with the volume control on the panel the control panel doesn't hide with the rest of the controls after the autohide of 5 times out.
<div id="mediaplayerelement" data-win-control="PlayerFramework.MediaPlayer" data-win-options="{
                        autoplay: true,
                        autohide : true,
                        autohideBehavior : 3,
                        autohideTime : 5,
                        interactiveDeactivationMode : 3,
                        isFullScreenVisible  : false,
                        isFullScreen : false,
                        isSignalStrengthVisible: true,
                        isCaptionsVisible: true,
Jan 20, 2014 at 5:59 PM
update: so specific case here. You can click to change the volume then let the volume control fade out. then when autohide interval expires the control panel does not go away. However if you change the volume then click on the control panel anywhere then lets the autohide interval expire the control will fade.

Is this an issue with the volume slider thinking that it still has focus if you let it just fade out?
Jan 20, 2014 at 6:14 PM
Edited Jan 20, 2014 at 6:16 PM
these pieces seem to fix the issue. Probably a better fix still out there though.
var mediaPlayerElement = document.getElementById("mediaplayerelement");
var mediaPlayer = mediaPlayerElement.winControl;
mediaPlayer.addEventListener("volumechange", mediaPlayerVolumeChanged, false);

function mediaPlayerVolumeChanged(e) {
Marked as answer by JGeils83 on 2/4/2014 at 11:48 AM