Невозможно ввести текстовое поле ввода

Question

Я не могу ввести в поле ввода.Когда я удаляю первый div, который имеет id = "viewport", я могу ввести в поле ввода.Как я могу решить это?

<div id="viewport"></div>
<div class="form">
  <h2 id="h2">Need a project from<br>Google Cloud Storage?</h2>
  <form id="fileDownloadForm" method="GET" action="downloadBlob2" enctype="multipart/form-data">
    <input type="text" id="textBox" name="objectToSearch" placeholder="Type the name of the project here." />
    <button id="downloadBtn" type="submit" class="btn btn_primary">Download</button>
  </form>
</div>

Answer 1

Вы можете решить эту проблему, добавив атрибут css #textBox{ z-index:1000; }.Кажется, что блок области просмотра слишком большой и выходит за пределы поля ввода.z-index делает поле ввода более «важным» - чем оно больше, тем важнее становится элемент.