<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.header {
background-color: #fff;
padding: .1rem .1rem;
position: relative;
width: 100%;
}
li {
position: relative;
line-height: .46rem;
}
.options {
background-color: red;
height: 4.8rem;
height: 70vh;
margin-top: -.01rem;
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
padding-bottom: .2rem;
width: 100%;
}
.aaaa {
max-width: 300px;
max-height: 200px;
}
</style>
</head>
<body>
<button id="aa_click">click</button>
<div class="bbbbb">
<div class="aaaa">
<div class="header">
<h3>reason</h3><span class="close-pop"><i></i></span>
</div>
<div class="options">
<ul>
<li class="">
<p class="optionItem">aa</p><i></i>
</li>
<li class="">
<p class="optionItem">bb</p><i></i>
</li>
<li class="">
<p class="optionItem">cc</p><i></i>
</li>
<li class="">
<p class="optionItem">dd</p><i></i>
</li>
<li class="selected">
<p class="optionItem">ee</p><i></i>
</li>
<li class="">
<p class="optionItem">ff</p><i></i>
</li>
<li class="">
<p class="optionItem">gg</p><i></i>
</li>
<li class="">
<p class="optionItem">sdf</p><i></i>
</li>
<li class="">
<p class="optionItem">aaa</p><i></i>
</li>
<li class="">
<p class="optionItem">aaa</p><i></i>
</li>
<li class="">
<p class="optionItem">aaa</p><i></i>
</li>
<li class="">
<p class="optionItem">aaa</p><i></i>
</li>
<li class="">
<p class="optionItem">aaa</p><i></i>
</li>
<li class="">
<p class="optionItem">aaa</p><i></i>
</li>
<li class="">
<p class="optionItem">aaa</p><i></i>
</li>
</ul>
</div>
</div>
</div>
<script>
document.getElementById("aa_click").onclick = function () {
let a = document.getElementsByClassName("bbbbb")[0];
let b = a.style.visibility
if (b == 'hidden') {
a.style.visibility = "visible";
} else {
a.style.visibility = "hidden";
}
};
</script>
</body>
</html>
In iOS18 beta5, open this HTML with wkwebview, click the button to hide the list, and the webview will be terminated.If one of the following three conditions is triggered, the webview will not be terminated:
Remove the elements in ul until the list is no longer slidable
Remove the position:relative of the header element
Remove the position:relative of the li element
wkwebview error:
PuJ
Users receive reputation points by contributing quality content to the forums.
Posts include post and replies published on the forums.
Post authors can mark replies as Accepted to indicate successful solutions.
Apple Developer Forums admins can mark replies as Apple Recommended to indicate an approved solution