Выпадающий в Black Screen Insue на Android в Phaser Game ⇐ Android

[Anonymous]

Я сталкиваюсь с проблемой с пользовательским выпадением в моей игре Phaser 3. Выпачающая сторона отлично работает на iOS и Интернете, но на Android (APK) экран становится черным, когда я пытаюсь отобразить раскрывающий список. Выпачающийся список создается с использованием DOM и динамически заполняется опциями. Вот как я добавляю выпадающую сторону: < /p>
// Create a dropdown using HTML
const dropdown = document.createElement('select');
dropdown.style.position = 'absolute';
dropdown.style.zIndex = '1000';

const option1 = document.createElement('option');
option1.value = '1';
option1.text = 'Option 1';
dropdown.appendChild(option1);

const option2 = document.createElement('option');
option2.value = '2';
option2.text = 'Option 2';
dropdown.appendChild(option2);

document.body.appendChild(dropdown);
dropdown.addEventListener('change', (event) => {
const selectedValue = (event.target as HTMLSelectElement).value;
console.log('Selected Value:', selectedValue);
if (selectedValue === '1') {
console.log('Option 1 selected');
} else if (selectedValue === '2') {
console.log('Option 2 selected');
}
< /code>
my gameconfig выглядит как ниже < /p>
export class RobotGame extends Phaser.Game {
constructor() {
super({
type: Phaser.AUTO,
scale: {
width: Dimensions.designResolution.width,
height: Dimensions.designResolution.height,
mode: Phaser.Scale.NONE,
},
backgroundColor: "#000000",
banner: false,
zoom: 1,
autoMobilePipeline: true,
plugins: {
global: [

],
scene: [
{
key: "rexGestures",
plugin: gestures,
mapping: "rexGestures",
},
],
},
loader: {
crossOrigin: "anonymous",
baseURL: CDN_PATH,
},
parent: "DOMElementParent",
dom: {
createContainer: true,
},
render: {
transparent: true,
powerPreference: "high-performance",
autoMobilePipeline: true,
},
});

this.canvas.className = "game_canvas";

SafeArea.getSafeAreaInsets().then((safeArea) => {
this.bootGame(safeArea);
});
}

private bootGame(safeArea: SafeAreaInsets): void {
const ppi = window.devicePixelRatio;
Dimensions.safeAreaInsets = {
top: safeArea.insets.top * ppi,
right: safeArea.insets.right * ppi,
bottom: safeArea.insets.bottom * ppi,
left: safeArea.insets.left * ppi,
};

this.scene.add("Boot", new Boot());
this.scene.start("Boot");
}
< /code>

Использование Phaser: 3 < /li>
Конденсатор: 6 < /li>
@necon /android »:«^6.0.0 »< /li>
< /ul>
screenshot of Dropdown выглядит ниже < /p>

intembor -sternhot of dropdown at intement < /p> < /ul>
intemborshot of Dropdown. src = "https://i.sstatic.net/atkvsm8j.jpg"/>
Я подозреваю, что это может быть связано с рендерингом DOM на Android.>

Подробнее здесь: https://stackoverflow.com/questions/792 ... haser-game