1405/04/09-fix bug iphone show

src/views/base/physicalReceive/mobile/MobileNewRequestView.vue

@@ -1,7 +1,7 @@
 <template>
-  <div>
-    <div ref="el" class="px-3 mpage-content pb-2">
-      <div class="flex gap-2">
+  <div class="physical-new-request">
+    <div class="physical-new-request__toolbar mpage-content">
+      <div class="flex gap-2 px-3">
         <BasicSelect
           v-model:value="selectedProduct"
           :items="items"
@@ -17,18 +17,24 @@
           افزودن
         </BasicButton>
       </div>
-      <div class="h-70vh rounded-lg bg-white mt-2 border-gray-200 border-1 overflow-y-auto p-2">
+    </div>
+
+    <div class="physical-new-request__items px-3">
+      <div class="physical-new-request__items-scroll">
         <div
           v-for="val in selectedProducts"
           :key="val.product.id"
-          class="rounded-lg p-2 bg-gray-100 mb-2"
+          class="rounded-lg p-2 bg-gray-100 mb-2 last:mb-0"
         >
           <PhysicalReceiveCartRow :item="val" @remove="handleRemove" />
         </div>
       </div>
+    </div>
+
+    <div class="physical-new-request__footer px-3">
       <BasicButton
         :disabled-b="selectedProducts.length == 0"
-        class="w-full absolute bottom-10 mt-2"
+        class="w-full"
         @click="handelFirstSubmit()"
       >
         ثبت
@@ -74,3 +80,46 @@ const {
   handleAddress,
 } = useNewPhysicalRequestContext()
 </script>
+
+<style scoped>
+.physical-new-request {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.physical-new-request__toolbar {
+  flex-shrink: 0;
+  padding-bottom: 0.5rem;
+}
+
+.physical-new-request__items {
+  flex: 1 1 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 0.5rem;
+}
+
+.physical-new-request__items-scroll {
+  flex: 1 1 0;
+  min-height: 0;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior-y: contain;
+  border: 1px solid #e5e7eb;
+  border-radius: 0.5rem;
+  background: #fff;
+  padding: 0.5rem;
+}
+
+.physical-new-request__footer {
+  flex-shrink: 0;
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  background: #fff;
+  border-top: 1px solid #f3f4f6;
+}
+</style>

src/views/base/physicalReceive/mobile/MobilePhysicalReceiveChrome.vue

@@ -1,7 +1,5 @@
 <template>
-  <div class="physical-receive-mobile-chrome" style="max-height: calc(100vh - 50px)">
-    <MobilePageHeader :title="pageTitle" show-back />
-  </div>
+  <MobilePageHeader :title="pageTitle" show-back />
 </template>
 
 <script lang="ts" setup>