document.getElementById("xxxx").close NOT work in ios13

Off topic
1

I create a dialog element in html, but when I call “document.getElementById(“xxxx”).close” or “document.getElementById(“xxxx”).show”, the dialog won’t close or show. The dialog itself seems no problem cuz it can show up in the browser. Attacthment is the dialog definition and how I call the function. All the function works well on my ios 15, iphone 13 pro max, but won’t work on ios 13, iphone 8.

dialog
dialog678×815 37.1 KB

call

2

(I have moved the post to “Off topic” as it is not related to Babylon)

It seems the Dialog element is supported only since iOS 15:

3

Try using:

document.getElementById(“xxxx”).style.display = "none" to hide your DIV
document.getElementById(“xxxx”).style.display = "inline" to show your DIV

Another choice using CSS and making animations.

document.getElementById(“xxxx”).classList.add("hidden"); // Add the hidden class
document.getElementById(“xxxx”).classList.remove("hidden"); // Remove the hidden class
// And in your CSS
.div-hidden {
    animation: loading-div-hidden 800ms ease forwards;
}
@keyframes div-hidden{
    0% {
        opacity: 100%;
    }
    100% {
        opacity: 0%;
    }
}

Hope it helps! :raised_hand_with_fingers_splayed:

4

But this sitll not work in IOS 13, iphone 8. Is “div” not supported on IOS 13?