uni-app uni-popup type=[bottom] 在iphone11 IOS16.4.1系统下input无法选中

在 uni-app 中使用 uni-popup 组件，并且在 type="bottom" 的情况下，在 iPhone 11（iOS 16.4.1）系统中出现 input 无法选中的问题，可能是由于以下几个原因导致的：

1. z-index 问题

uni-popup 组件的 z-index 可能设置得较高，导致 input 元素被遮挡，无法点击。你可以尝试调整 uni-popup 或 input 的 z-index 值，确保 input 元素在 uni-popup 之上。

/* 在 uni-popup 的样式中 */
.uni-popup {
  z-index: 100; /* 适当调整 */
}

/* 在 input 的样式中 */
.input-class {
  z-index: 101; /* 确保 input 的 z-index 比 uni-popup 高 */
}

2. position 问题

uni-popup 组件可能使用了 fixed 或 absolute 定位，这可能会导致 input 元素无法正常响应点击事件。你可以尝试调整 input 元素的 position 或 top、bottom 等属性，确保它不会被遮挡。

.input-class {
  position: relative;
  top: 20px; /* 适当调整 */
}

3. focus 事件问题

在某些情况下，iOS 系统可能不会自动触发 input 的 focus 事件。你可以尝试手动触发 input 的 focus 事件。

// 在 uni-popup 打开后手动触发 input 的 focus 事件
this.$refs.myInput.focus();

4. touch-action 问题

iOS 系统可能会阻止某些触摸事件，导致 input 无法选中。你可以尝试为 input 元素添加 touch-action 样式。

.input-class {
  touch-action: manipulation;
}

5. uni-popup 的 mask-click 问题

uni-popup 组件的 mask-click 事件可能会干扰 input 的点击事件。你可以尝试禁用 mask-click，或者手动处理点击事件。

<uni-popup ref="popup" type="bottom" :mask-click="false">
  <!-- 内容 -->
</uni-popup>

6. input 的 readonly 或 disabled 属性

检查 input 元素是否被设置为 readonly 或 disabled，这会导致 input 无法选中。

<input type="text" :readonly="false" :disabled="false" />