Поле ввода скрывается вместе со всем элементом div при нажатии на него

У меня есть таблица php, динамически извлекаемая из Mysql, и у меня также есть поле ввода в таблице для редактирования столбца.

Когда я щелкаю в любом месте таблицы, таблица исчезает — поэтому я использовал указатель-события: нет; в css. Это решило проблему, однако теперь, когда я щелкаю поле ввода, чтобы ввести что-то, таблица снова исчезает.

Я не хочу, чтобы таблица исчезла, когда я нажимаю на поле ввода, чтобы ввести что-то.

Я попытался много разных событий Pointer в CSS поля ввода без какой-либо удачи … и если я возьму события указателя: auto; из CSS для поля ввода, я не могу нажать на поле ввода вообще

Ниже мой код — Кто-нибудь знает, что я делаю неправильно?

Код для моей таблицы:

<div id="table1" class="table1">
<form action="" method="post">
<?php
if(isset($_POST["submit"]))
{
$searchTerm=$_POST['search'];

$stmt = $conn->prepare(" SELECT question.description AS question, answer.description AS answer, discipline.name AS name, response.responseid AS responseid, response.response AS response, response.student_id AS student_id, response.Date_Time AS Date
FROM response
INNER JOIN answer ON response.question_id = answer.answerid
INNER JOIN question ON response.question_id = question.qid
INNER JOIN discipline ON response.discipline_id = discipline.disciplineid WHERE Date_Time LIKE :searchTerm");
$stmt->bindValue(':searchTerm','%'.$searchTerm.'%');
$stmt->execute();
$result=0;/*
The above code is a query which selects attributes according to the search term
*/echo "<table> <tr><th>Discipline</th><th>Question</th><th>Student ID</th><th>Response</th><th>Date & Time</th><th>Answer</th><th>Final Marks</th></tr>";
while ($response = $stmt->fetch())    /* This is a While loop which iterates each row */
{

echo " <tr><td>".$response["name"]."</td><td>".$response["question"]."</td><td>".$response["student_id"]."</td><td>".$response["response"]."</td><td>".$response["Date"]."</td><td><input type='text' name='date' value=". $response["answer"]."></td></tr> ";
$result++;}}  /* This bit of code closes the connection with the database */
?>
<input type="submit" name="save" value="save">
</form>

</div>

CSS:

    .table1 {
position: fixed;
pointer-events: none;
background-color: white;
border-collapse: collapse;
width: 40px;
color: black;
margin-left: 50px;
margin-top: 66px;
white-space: nowrap;
}
.table1 input {
pointer-events: auto;
width: 20px;
height:25px;
}