Blazor Modal Popup не работает на телефонах - PullRequest
Новая
       48

Blazor Modal Popup не работает на телефонах

0 голосов
/ 03 апреля 2020

Я создаю небольшое приложение для отслеживания задач для нашей компании и предоставил пользователю возможность быстро редактировать задачу с помощью всплывающего модального сообщения: 

@if (ShowTaskEditPopup == true)
{
   <div class="modal" tabindex="-1" style="display:block;" role="dialog">
     <div class="modal-dialog modal-lg">
       <div class="modal-content">
         <div class="modal-header">
           <h3 class="modal-title">
             <b>Editing Task:</b> @TaskToEdit.TaskDescription
           </h3>
         </div>
         <div class="modal-body" >
           --data entry form here
         </div>
       </div>
     </div>
  </div>
}

это работает фантастически c для всех пользователей, которые работают на настольном компьютере - однако наш обслуживающий персонал (вероятно, около 50% пользователей) почти всегда будет использовать телефон. модальное всплывающее окно будет часто выше, чем на экране телефона, что будет отображаться, в результате чего последние несколько полей не будут видны. Я хотел бы найти решение, позволяющее использовать всплывающую форму ввода данных в стиле Blazor - я не слишком привержен модальному решению bootstrap, хотя оно очень хорошо работает для наших пользователей настольных компьютеров.

...