Meu aplicativo é voltado para a API 34. Todo o texto pode ser exibido corretamente sem ser protegido pela câmera ou pelo botão home.
Quando a API 36 foi implementada, parte do conteúdo foi coberta pela câmera frontal e pelo botão home. Como posso ajustar o layout para mostrar o conteúdo corretamente?
Tenho o seguinte código em que o hyperlink será gerado dinamicamente. Os hyperlinks podem ser gerados com sucesso.
índice.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styles.css" />
<title>Timely</title>
</head>
<body id=settingbg>
<a href=index.html>Home</a>
<div id="stopping"><div id=stopitem></div>
</body>
<script src="setting.js"></script>
</html>
script.js
let stopping = document.getElementById("stopping");
showstop();
function showstop(){
chrome.storage.local.get(['stops'], function(result) {
let stopsp = (result.stops).split(",");
for(i=0;i<stopsp.length;i++){
stopping.innerHTML += "<div id=stopitem><a href='#' id='linkPassValue' data-value='"+stopsp[i]+"'>"+stopsp[i]+"</a></div>";
}
});
}
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('#linkPassValue')?.addEventListener('click', function(e) {
e.preventDefault();
const value = this.getAttribute('data-value');
alert(value);
});
});
No entanto, a ação onclick não funciona uma vez que os hiperlinks são gerados. Alguém pode me ajudar a conseguir isso? Obrigado.