ios web clip方式打开网面 uni-app uni-popup中无法长按

ios web clip方式打开网面 uni-app uni-popup中无法长按

开发环境 版本号 项目创建方式
Windows 11 家庭中文版 HBuilderX

bug描述：

iphoneX iOS 16.7.11，网页通过web clip方式打开，是web clip模式下噢，不是用safari直接打开噢

问题：同一张图，同样的css样式，在当前页面可以图片长按弹出菜单，而在uni-popup中的二维码图片不法长按弹出菜单，为啥，是bug吗？

<template>  
    <view>  
        <img style="-webkit-touch-callout: default" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" />  

    <uni-popup ref="popRef" :isMaskClick="false" :mask-click="false" type="center">  
        <view class="pop-content">  
            <img style="-webkit-touch-callout: default" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" />  
        </view>  
    </uni-popup>  
</view>  
<script>  

</script>  
<script>  

export default {  
onShow(){  
this.$refs.popRef.open()  
}  
}  
</script>  

<style>  
.pop-content {  
    -webkit-touch-callout: default !important;  
    pointer-events: auto !important;  
    user-select: auto !important;  
    -webkit-user-select: auto !important;  
    padding: 30rpx;  
</style>

更多关于ios web clip方式打开网面 uni-app uni-popup中无法长按的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于ios web clip方式打开网面 uni-app uni-popup中无法长按的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是因为在 iOS Web Clip 模式下，uni-popup 组件使用了 touch-action: none 来阻止底层页面滚动，这会同时禁用长按菜单。虽然你设置了 -webkit-touch-callout: default 和其他 CSS 属性，但 touch-action: none 的优先级更高。

解决方案：

  1. 在 uni-popup 内容区域添加 CSS：
.pop-content {
    touch-action: pan-x pan-y !important;
    -webkit-touch-callout: default !important;
}
回到顶部