The actionsheet component of antd-mobile component used in react is invalid when clicked in iphone8s.

  ios, question

Fix compatibility code of click-through problem in ios

// fix touch to scroll background page on iOS
 //  https://github.com/ant-design/ant-design-mobile/issues/307
 //  https://github.com/ant-design/ant-design-mobile/issues/163
 const isIPhone = new RegExp('\\biPhone\\b|\\biPod\\b', 'i').test(window.navigator.userAgent);
 let wrapProps;
 if (isIPhone) {
 wrapProps = {
 onTouchStart: e => e.preventDefault(),
 };
 bracket

AcitonSheet component click event

showActionSheet = () => {
 const BUTTONS = ['Operation1', 'Operation2', 'Operation2', 'Delete', 'Cancel'];
 ActionSheet.showActionSheetWithOptions({
 options: BUTTONS,
 cancelButtonIndex: BUTTONS.length - 1,
 destructiveButtonIndex: BUTTONS.length - 2,
 message: 'I am description, description, description',
 maskClosable: true,
 wrapProps,
 },
 (buttonIndex) => {
 this.setState({ clicked: BUTTONS[buttonIndex] });
 });
 bracket

图片描述

图片描述

Click to pop up the action panel component, but clicking the button inside did not take effect. Everything else is normal.

I also met this problem, the landlord is not convenient to say how to solve it in the end. ? ? Thank you