В модальном окне отключен функционал мыши? Как включить?

Здравствуйте. В модальном окне, каким-то образом, полностью отключен функционал мыши, то есть невозможно выделить текст расположенный в окне или нажать на кнопку после добавления ее в окно. Пожалуйста, помогите "включить" мышку в данном окне.

let timer = null;

let slider = document.querySelector('#slider'),

  slides = slider.querySelectorAll('.slide_item'),

  len = slides.length,

  index = len - 1,

  dir = 1;

 

function move() {

  slides[index].style.opacity = "";

  slides[index].style.Zindex = "";

  index = (index + dir + len) % len;

  slides[index].style.opacity = 1;

  slides[index].style.Zindex = 1;

  var article = slides[index].getElementsByTagName('article')[0];

  document.getElementById('window9').style.width = article.offsetWidth+'px';

  document.getElementById('window9').style.height = article.offsetHeight+'px';

  index < len - 1 && (timer = window.setTimeout(move, 7000));

}

 

function show(state) {

  if (state === "block") {

    timer = window.setTimeout(move, 0);

  } else {

    clearTimeout(timer);

  }

  document.getElementById('window9').style.display = state;

  document.getElementById('wrap9').style.display = state;

  

getProgress();

 

}

#slider{

    width: 100%;

    height: 80vh;

    margin: 0px auto;

    position: relative;

    overflow: hidden;

}

 

.slide_item{

    width:  100%;

    height: 100%;

    position: absolute;

    font-family:Arial; 

    font-size:18px; 

    color:#000000;

    left: 0;

    top:0;

    float: left;

    opacity: 0;

    z-index: -10;

    background-size: cover;

    }

    

     #wrap9{

        display: none;

        opacity: 0.5;

        position: fixed;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        background-color: rgba(255, 255, 255, 1);

        z-index: 100;

        overflow: auto;

    }

    

    #window9{

        width: 900px;

        height: 600px;

        margin: auto;

        display: none;

        background: #fff;

        border: 1px solid #365E97;

        z-index: 200;

        position: fixed;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        vertical-align:middle;

        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);

        box-shadow:0 5px 15px rgba(0,0,0,.5);

    }

<button onclick="show('block')">Вперед</button>

 

<div id="wrap9"></div>

<!-- Само окно-->

<div id="window9">

<div id="slider">

<div class="slide_item">

БЛОК №1

<br>

<button>Кнопка</button>

</div>

<div class="slide_item">

БЛОК №2

</div>

<div class="slide_item">

БЛОК №3

</div>

</div>              

</div>