Проблема переполнения на устройстве iOS

Question

Как вы видите на экране, у меня проблема с моей частью страницы, я заявляю, что все остальные разделы сайта, которые переполнены, работают очень хорошо. Я пытался несколько раз просмотреть код, но я не знаю, что это может быть ... также поместите код части, которая не работает ниже.

Я использую попутный ветер как css рамки и это то, как вы можете угадать проект в node.js. Заранее спасибо.

<div class="messageDiv w-full h-full flex flex-col justify-start overflow-scroll relative text-xl lg:text-xs">
        <!--prototipo di messaggio-->

        <% for(var i=messages.length-1 ; i >= 0 ; i--){ %>
          <% if(messages[i].id_user == userId){ %>

          <div class="flex justify-end items-center">
            <div class="talk-bubble tri-right radius right-in bg-gray-900 text-white w-auto px-5 py-2 mb-2 lg:mb-1 mr-5">
              <div class="talktext flex flex-col justify-center items-center">

                <p class="text-left w-full"><%=messages[i].text%></p>
                <div class="info-message flex justify-start items-center w-full pt-1 mt-1 overflow-hidden">
                  <p class="title text-rigth username"><%=messages[i].username%></p>
                  <i class="fas fa-circle text-white px-2"></i>
                  <i class="far fa-clock title"></i>
                  <p class="title ml-1"><%=messages[i].date.getHours()%>:<%=messages[i].date.getMinutes()%></p>
                </div>

              </div>
            </div>
          </div>

          <% } else{ %>
            <div class="flex justify-start items-center">
              <div class="talk-bubble tri-left radius left-in bg-black text-white w-auto px-5 py-2 ml-5 mb-2 lg:mb-1">
                <div class="talktext flex flex-col justify-center items-center">

                  <p class="text-left w-full"><%=messages[i].text%></p>
                  <div class="info-message flex justify-end items-center w-full pt-1 mt-1 overflow-hidden flex-no-wrap">
                    <p class="text-giallo text-rigth username"><%=messages[i].username%></p>
                    <i class="fas fa-circle text-white px-2"></i>
                    <i class="far fa-clock text-giallo"></i>
                    <p class="text-giallo ml-1"><%=messages[i].date.getHours()%>:<%=messages[i].date.getMinutes()%></p>
                  </div>

                </div>
              </div>
            </div>
          <% } %>
        <% } %>

        <!--end-->
      </div>